Làm cách nào để xác thực trường nhập HTML?

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Thuộc tính củaCách sử dụng đầu vào để tạo các trường biểu mẫu trong HTML. Hướng dẫn dễ dàng

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

8 làm gì? Chỉ định một biểu thức chính quy để xác thực giá trị của đầu vào

nội dung

• 1 Ví dụ về mã
• 2 Xác thực dữ liệu bằng biểu thức chính quy
  • 2. 1 Mẫu ví dụ
    • 2. 1. 1 Mẫu tên người dùng
    • 2. 1. 2 Mẫu thông tin thanh toán
  • 2. 2 Lưu ý về mẫu và các sự cố xác thực phổ biến
    • 2. 2. 1 Ngoài ra, đừng regex cho địa chỉ email
    • 2. 2. 2 Hoặc ngày
    • 2. 2. 3 Hoặc bất kỳ thứ gì khác mà bạn có thể làm với thứ khác
  • 2. 3 Xác thực giao diện người dùng là chưa đủ
• 3 Trình duyệt hỗ trợ mẫu

Mã ví dụ

 Username [letters and numbers only, no  punctuation or special characters]

 

Tên người dùng [chỉ chữ cái và số, không có dấu chấm câu hoặc ký tự đặc biệt]

Xác thực dữ liệu với biểu thức chính quy

Thuộc tính

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

9 của phần tử

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

0 cho phép bạn thêm xác thực dữ liệu cơ bản mà không cần dùng đến JavaScript. Nó hoạt động bằng cách khớp giá trị đầu vào với một biểu thức chính quy. Biểu thức chính quy là một chuỗi ký tự được hình thức hóa xác định một mẫu. Ví dụ:

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

1 là một mẫu khớp với một chuỗi có độ dài bất kỳ, miễn là chuỗi chỉ chứa các chữ cái viết thường [

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

2], chữ in hoa [

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

3] hoặc chữ số [

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

4]

• Trận đấu

  Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

  1
  • htmlcodetutorial
  • Mississippi
  • 12KhóaMyShoe34
  • 8675309
• Không khớp với

  Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

  1
  • https. //html. com
  • Bà. Ippi
  • 1, 2, Khóa giày của tôi
  • [321] 867-4309

mẫu ví dụ

Mẫu tên người dùng

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

____9

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

0

Mẫu thông tin thanh toán

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

1

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

2

Ngoài ra, hãy xem danh sách tuyệt vời này về các mẫu biểu thức chính quy HTML

Lưu ý về

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

9 và các sự cố xác thực phổ biến

Có một câu ngạn ngữ cổ trong giới lập trình viên máy tính

Một số người, khi đối mặt với một vấn đề, nghĩ rằng “Tôi biết, tôi sẽ sử dụng các biểu thức thông thường. " Bây giờ họ có hai vấn đề

Jamie Zawinski đã nói về Perl khi anh ấy nói điều đó vào năm 1997, nhưng nó cũng đúng trong các bối cảnh khác. Vấn đề phổ biến nhất mà bạn sẽ gặp phải khi sử dụng thuộc tính

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

9 là các biểu thức chính quy được viết kém [hoặc được kiểm tra kém]. Chúng hơi cứng và không rõ ràng. Vì vậy, vấn đề lớn nhất chỉ đơn giản là lỗi - một biểu thức chính quy không thực sự kiểm tra những gì bạn muốn nó kiểm tra. Nhưng điều này có thể được khắc phục khá dễ dàng bằng một câu hỏi trên StackExchange. Vấn đề khó khăn hơn là kiểm tra những thứ sai. Hãy xem mẫu Thẻ tín dụng được hiển thị ở trên làm ví dụ. Nếu bạn đã sử dụng nó trong trường thanh toán thực tế, nó sẽ khớp với MasterCard và Visa, nhưng không khớp với American Express. Bạn có muốn người dùng của mình có thể thanh toán cho bạn bằng thẻ AmEx của họ không? . mỗi quốc gia định dạng địa chỉ khác nhau, ngày được định dạng khác nhau, số điện thoại và giá cả. Biển số xe khác nhau tùy theo tiểu bang ở Hoa Kỳ và khác biệt đáng kể theo quốc gia. Số VIN khác nhau đối với các hạng và loại phương tiện khác nhau, cũng như đối với năm sản xuất. Bạn có thể muốn xác thực theo kiểu tên người dùng trong hệ thống của bên thứ ba, nhưng hệ thống của bên thứ ba có thể thay đổi trong tương lai hoặc có thể đã thay đổi trong quá khứ. Bạn cần hết sức lưu ý về loại hạn chế đầu vào mà bạn đang đặt trên các trường biểu mẫu của mình. Nó có thể là

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

9 là một công cụ quá cùn cho nhu cầu của bạn. Bạn có thể cần một công cụ xác thực biểu mẫu chính xác và mạnh mẽ hơn

Ngoài ra, không regex cho địa chỉ email

HTML cung cấp loại đầu vào

Only lowercase letters and numbers; at least 5 characters, but no limit.  [a-zd.]{5,} 

0, loại này thực hiện kiểm tra xác thực đối với các mẫu địa chỉ email. Nó sẽ hoạt động tốt hơn bất kỳ biểu thức chính quy nào bạn có thể tìm thấy hoặc đưa ra

Hoặc ngày tháng

Bạn có thể thử tạo biểu thức chính quy để kiểm tra định dạng ngày

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

4

Nhưng điều này có thể gây ra tất cả các loại vấn đề. Mọi người thích định dạng ngày khác nhau [MM/DD/YY, DD TÊN THÁNG YYYY, v.v. ] và có thể họ sẽ không đọc hướng dẫn của bạn về cách định dạng phù hợp trong vài lần đầu tiên họ dùng thử. Ngoài ra, không có gì ngăn chặn những ngày không hợp lệ như ngày 31 tháng 2 hoặc những ngày quá xa trong tương lai như

Only lowercase letters and numbers; at least 5 characters, but no limit.  [a-zd.]{5,} 

1. Trên hết, bạn phải phân tích cú pháp chuỗi thành một đối tượng ngày tháng có thể sử dụng được sau khi bạn nhận được nó trên máy chủ. Thay vì tất cả những thứ đó, chỉ cần sử dụng đầu vào

Only lowercase letters and numbers; at least 5 characters, but no limit.  [a-zd.]{5,} 

2. Hoặc

Only lowercase letters and numbers; at least 5 characters, but no limit.  [a-zd.]{5,} 

3

Hoặc bất cứ điều gì khác bạn có thể với một cái gì đó khác

Địa chỉ email và ngày tháng đủ phổ biến để các loại đầu vào biểu mẫu cụ thể đã tồn tại cho chúng, vì vậy không cần sử dụng

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

9. Bất cứ lúc nào bạn có thể sử dụng một tính năng cụ thể của HTML, thay vì dùng đến việc xây dựng các biểu thức chính quy, bạn nên sử dụng nó

Xác thực giao diện người dùng là không đủ

HTML5 đã giới thiệu một số tính năng xác thực biểu mẫu mới và

Only letters [either case], numbers, and the underscore; no more than 15 characters.  [A-Za-z0-9_]{1,15} 

9 chỉ là một trong số đó. Nhưng bạn phải coi những thứ này chủ yếu hữu ích cho người dùng và nhớ rằng chúng không cung cấp bất kỳ bảo mật nào đối với các đầu vào biểu mẫu xấu hoặc độc hại. Thật dễ dàng để bỏ qua một biểu mẫu HTML mặt trước và chỉ cần gửi trực tiếp dữ liệu biểu mẫu giả mạo đến máy chủ. Điều này có nghĩa là tất cả các quy trình xác thực biểu mẫu của bạn — cùng với kiểm tra vệ sinh và bảo mật — sẽ phải được lặp lại trên máy chủ để tránh bất kỳ điều gì xấu xảy ra

Làm cách nào để xác thực đầu vào số trong HTML?

Đầu vào được xác thực như thế nào?

Làm cách nào để xác thực mã HTML?

Làm cách nào để xác thực đầu vào mà không có biểu mẫu?