Cách xác thực mã pin và số điện thoại di động trong JavaScript

Hướng dẫn này sẽ mô tả phương pháp xác thực mã pin và số điện thoại di động bằng JavaScript.

Làm cách nào để xác thực mã pin và số điện thoại di động trong JavaScript?

Để xác thực mã Pin và Số điện thoại di động, hãy sử dụng “ biểu thức chính quy ” với “ trận đấu() ” trong JavaScript. Phương thức match() so khớp giá trị với biểu thức chính quy, nếu khớp thì phương thức sẽ trả về giá trị true, ngược lại sẽ trả về giá trị false.

Mẫu Regex để xác thực mã pin

Mã pin thường là mã 4 chữ số, 5 chữ số hoặc 6 chữ số. Ở đây, chúng tôi sẽ viết regex để xác thực mã pin gồm 6 chữ số:

Trong mẫu trên:

• “ / ” ký tự gạch chéo về phía trước được sử dụng để chỉ ranh giới của biểu thức/mẫu chính quy.
• “ ^ ” đại diện cho sự bắt đầu của số.
• “ đ ” biểu thị các chữ số.
• “ {} ” biểu thị giới hạn đó là “ 6 ”.
• “ \ ” ký tự gạch chéo ngược là ký tự thoát.
• “ $ ” chỉ ra phần cuối của chuỗi.

Mẫu Regex để xác thực số điện thoại di động

Điều cần thiết là xác thực số điện thoại/số điện thoại di động trên biểu mẫu HTML. Số điện thoại hợp lệ có thể có sẵn ở nhiều định dạng khác nhau, tùy thuộc vào khu vực. Theo liên kết để kiểm tra các biểu thức chính quy khác nhau để xác thực số điện thoại.

Ở đây, chúng ta sẽ thảo luận về hai định dạng phổ biến, một định dạng chỉ là các số có độ dài là 10:

Biểu thức chính quy ở trên chỉ ra rằng bạn chỉ có thể nhập 10 chữ số làm số điện thoại mà không có bất kỳ dấu phân cách nào như dấu cách hoặc bất kỳ ký tự đặc biệt nào bao gồm “ + ”, “ – ' hoặc ' () ”.

Ví dụ

Trước tiên, hãy thiết kế trang web và sau đó sử dụng JavaScript để xác thực mã pin và số điện thoại di động. Chuyển đến tệp HTML của bạn và dán đoạn mã sau vào đó: