JavaScript Regex (Xác thực tên người dùng)

Javascript Regex Xac Thuc Ten Nguoi Dung



Trong khi phát triển trang web, xác thực biểu mẫu là một hoạt động quan trọng giúp xác minh tính toàn vẹn của dữ liệu và ngăn ngừa các sự cố bảo mật. Tên người dùng là một loại đầu vào điển hình của người dùng ở dạng được sử dụng để xác định mọi người trên các trang web và ứng dụng. Việc xác thực tên người dùng có thể giúp đảm bảo rằng chúng đáp ứng các tiêu chuẩn cụ thể, chẳng hạn như giới hạn ký tự và độ dài.

Bài viết này sẽ mô tả quy trình xác thực tên người dùng bằng regex trong JavaScript.

Làm cách nào để xác thực tên người dùng bằng JavaScript Regex?

Để xác thực tên người dùng, trước tiên, hãy tạo một biểu thức chính quy sẽ xác định xem giá trị đầu vào của người dùng có khớp với mẫu đã cho hay không. Sau đó, sử dụng “ Bài kiểm tra() ” để xác minh đầu vào của người dùng theo mẫu.







Thực hiện theo mẫu đã cho để lấy đầu vào chỉ chứa chữ cái, số và cả hai, nhưng không cho phép nhập bất kỳ ký tự đặc biệt nào:



là regexPattern = /^ [ Một - - Z0 - 9 ] + $ /;

Mẫu đã cho sẽ chỉ cho phép các chữ cái có số và nó không cho phép chỉ nhập số, chữ cái và ký tự đặc biệt trong đầu vào:



là regexPattern =/^ ( ?= . * [ Một - - VỚI ] ) ( ?= . * [ 0 - 9 ] ) [ Một - - Z0 - 9 ] + $ /;

tiền thưởng : Bạn cũng có thể chỉ định độ dài của tên người dùng trong mẫu của mình.





Sử dụng cú pháp đã cho cho “ Bài kiểm tra() ” để xác minh đầu vào theo mẫu biểu thức chính quy:

mẫu. Bài kiểm tra ( đầu vào )

Ví dụ 1: Tên người dùng chỉ chứa số, chữ cái và cả hai ký tự đặc biệt đều không được phép

Đầu tiên, tạo biểu mẫu trong tài liệu HTML bằng cách sử dụng thẻ

có chứa trường nhập liệu và nút gửi. Đính kèm một “ trong một cái nhấp chuột ” sự kiện bằng nút sẽ gọi sự kiện “ xác thựcUserName() ” chức năng khi nhấp vào nút:



< hình thức >

< nhãn > Tên tài khoản : nhãn >

< kiểu đầu vào = 'chữ' tên = 'tên' nhận dạng = 'đầu vào' tự động hoàn thành = 'tắt' />< anh >< anh >

< loại nút = 'nộp' trong một cái nhấp chuột = 'xác thựcTên người dùng ()' > Nộp cái nút >

hình thức >

Trong thẻ