HTML5 phong phú với nhiều tính năng. Sự hỗ trợ của thuộc tính bắt buộc và xác thực trình duyệt tích hợp là một trong những tính năng như vậy. Với thuộc tính bắt buộc của HTML5, bạn có thể thực hiện xác thực đầu vào của biểu mẫu mà không cần mã JavaScript phức tạp
Tuy nhiên, việc xác thực với thuộc tính bắt buộc đôi khi không hoạt động do hồ đánh dấu thích hợp. Cần phải tạo biểu mẫu HTML5 và thẻ đầu vào phù hợp. Hôm nay, chúng tôi đề cập đến 6 lý do có thể khiến tính năng xác thực tích hợp không hoạt động
Hỗ trợ trình duyệt cho thuộc tính bắt buộc HTML5
Không phải mọi phiên bản trình duyệt đều hỗ trợ thuộc tính này. Vì vậy, tốt hơn hết là bạn nên biết liệu việc xác thực bằng thuộc tính bắt buộc có được trình duyệt hỗ trợ bằng cách sử dụng bảng đã cho hay không
Trình duyệtChromeFirefoxOperaSafariInternet ExplorerVersion5. 04. 09. 610. 110. 0
Điều quan trọng, hãy biết rằng xác thực của trình duyệt hoặc JS phía máy khách có thể bị giả mạo. Bất chấp những gì có ở phía máy khách, bạn phải áp dụng xác thực đầu vào ở phía máy chủ. Đây là điều bắt buộc để bảo mật cho ứng dụng của bạn
Cuối cùng, hãy để chúng tôi kiểm tra 6 lý do có thể khiến tính năng xác thực thuộc tính bắt buộc tích hợp không hoạt động trong trình duyệt HTML5
1. Thẻ biểu mẫu có thuộc tính “novalidate”
Đây là lý do đầu tiên và phổ biến nhất gây ra sự cố. Xác thực thuộc tính bắt buộc của HTML5 không hoạt động nếu biểu mẫu có thuộc tính novalidate trong phần đánh dấu của nó. Với sự hiện diện của thuộc tính, thẻ trông giống như
Vì vậy, bạn cần đảm bảo rằng thuộc tính này không có trong đánh dấu thẻ biểu mẫu. Ngoài ra, nếu bạn đang sử dụng WordPress và thấy thuộc tính ở đó thì hãy làm theo phần bên dưới để xóa thuộc tính tương tự
Xóa novalidate trong WordPress
Đây là hai cách tốt nhất để xóa thuộc tính novalidate khỏi thẻ biểu mẫu trong WordPress. Giải pháp đầu tiên là giải pháp được ưu tiên nhất
[i] Thêm mã được cung cấp bên dưới vào các chức năng của chủ đề hiện tại của bạn. tập tin php
0
1
remove_theme_support['html5', 'comment-];
[ii] Ngoài ra, bạn có thể thêm mã JavaScript sau vào cuối trang. tập tin php của chủ đề WordPress
0
1
2
3
4
5
6