Hình thức JavaScriptForms
Xác thực biểu mẫu HTML có thể được thực hiện bằng JavaScript.
Nếu trường biểu mẫu [fname] trống, chức năng này sẽ cảnh báo một thông báo và trả về sai, để ngăn biểu mẫu được gửi:
Ví dụ JavaScript
function ValidateForm [] {& nbsp; & nbsp; let x = document.forms ["myform"] ["fname"]. value; & nbsp; if [x == ""] {& nbsp; & nbsp; & nbsp; cảnh báo ["Tên phải được điền ra"]; & nbsp; & nbsp; & nbsp; trả lại sai; & nbsp; & nbsp;}}
let x = document.forms["myForm"]["fname"].value;
if [x == ""] {
alert["Name must be filled out"];
return false;
}
}
Hàm có thể được gọi khi biểu mẫu được gửi:
Ví dụ hình thức HTML
Tên:onsubmit="return validateForm[]" method="post">
Name:
Hãy tự mình thử »
JavaScript có thể xác nhận đầu vào số
JavaScript thường được sử dụng để xác nhận đầu vào số:
Xác thực hình thức HTML tự động
Xác thực biểu mẫu HTML có thể được thực hiện tự động bởi trình duyệt:
Nếu trường biểu mẫu [fname] trống, thuộc tính required
sẽ ngăn chặn biểu mẫu này được gửi:
Ví dụ hình thức HTML
Tên:
Hãy tự mình thử »
JavaScript có thể xác nhận đầu vào số
JavaScript thường được sử dụng để xác nhận đầu vào số:
Xác thực hình thức HTML tự động
Xác thực biểu mẫu HTML có thể được thực hiện tự động bởi trình duyệt:
- Nếu trường biểu mẫu [fname] trống, thuộc tính
required
sẽ ngăn chặn biểu mẫu này được gửi: - & nbsp; & nbsp;
- Xác thực biểu mẫu HTML tự động không hoạt động trong Internet Explorer 9 hoặc sớm hơn.
Xác nhận dữ liệu
Xác thực dữ liệu là quá trình đảm bảo rằng đầu vào của người dùng sạch, chính xác và hữu ích.
Các nhiệm vụ xác nhận điển hình là: is performed by a web server, after input has been sent to the server.
Người dùng đã điền vào tất cả các trường bắt buộc? is performed by a web browser, before input is sent to a web server.
Người dùng đã nhập một ngày hợp lệ chưa?
Người dùng đã nhập văn bản trong một trường số chưa?constraint validation.
Thông thường, mục đích xác thực dữ liệu là để đảm bảo đầu vào người dùng chính xác.
- Xác nhận có thể được xác định bằng nhiều phương pháp khác nhau và được triển khai theo nhiều cách khác nhau.HTML Input Attributes
- Xác thực phía máy chủ được thực hiện bởi một máy chủ web, sau khi đầu vào đã được gửi đến máy chủ.CSS Pseudo Selectors
- Xác thực phía máy khách được thực hiện bởi một trình duyệt web, trước khi đầu vào được gửi đến máy chủ web.DOM Properties and Methods
Xác thực ràng buộc HTML
Bị ràng buộc xác thực htmlinput thuộc tính | Bị ràng buộc xác thực CSS Pseudo Lựa chọn |
Bị ràng buộc xác thực các thuộc tính và phương thức | Bị ràng buộc xác thực HTML thuộc tính đầu vào |
Thuộc tính | Sự mô tả |
Vô hiệu hóa | Chỉ định rằng phần tử đầu vào phải được tắt |
Tối đa | Chỉ định giá trị tối đa của phần tử đầu vào |
Tối thiểu | Chỉ định giá trị tối thiểu của phần tử đầu vào |
họa tiết
Chỉ định mẫu giá trị của phần tử đầu vào
Bị ràng buộc xác thực htmlinput thuộc tính | Bị ràng buộc xác thực CSS Pseudo Lựa chọn |
Bị ràng buộc xác thực các thuộc tính và phương thức | Bị ràng buộc xác thực HTML thuộc tính đầu vào |
Thuộc tính | Sự mô tả |
Vô hiệu hóa | Chỉ định rằng phần tử đầu vào phải được tắt |
Tối đa | Chỉ định giá trị tối đa của phần tử đầu vào |
Tối thiểu
Bạn có thể thực hiện xác thực JavaScript theo hai cách: Xác thực nội tuyến bằng JavaScript. API xác thực ràng buộc HTML5.
Xác nhận trong HTML là gì?
Xác thực cơ bản - Trước hết, biểu mẫu phải được kiểm tra để đảm bảo tất cả các trường bắt buộc được điền vào. Nó sẽ chỉ yêu cầu một vòng lặp qua mỗi trường trong biểu mẫu và kiểm tra dữ liệu. − First of all, the form must be checked to make sure all the mandatory fields are filled in. It would require just a loop through each field in the form and check for data.
Xác thực định dạng dữ liệu - Thứ hai, dữ liệu được nhập phải được kiểm tra cho biểu mẫu và giá trị chính xác. Mã của bạn phải bao gồm logic thích hợp để kiểm tra tính chính xác của dữ liệu. − Secondly, the data that is entered must be checked for correct form and value. Your code must include appropriate logic to test correctness of data.
Thí dụ
Chúng tôi sẽ lấy một ví dụ để hiểu quá trình xác nhận. Đây là một hình thức đơn giản ở định dạng HTML.
Form Validation
Name | |
Zip Code | |
Country | [choose yours] USA UK INDIA |
Đầu ra
Xác thực hình thức cơ bản
Trước tiên, chúng tôi hãy xem làm thế nào để thực hiện xác nhận hình thức cơ bản. Trong mẫu trên, chúng tôi đang gọi xác thực [] để xác thực dữ liệu khi sự kiện onSubmit đang xảy ra. Mã sau đây cho thấy việc thực hiện hàm xác thực [] này.validate[] to validate data when onsubmit event is occurring. The following code shows the implementation of this validate[] function.
Xác thực định dạng dữ liệu
Bây giờ chúng tôi sẽ xem cách chúng tôi có thể xác thực dữ liệu biểu mẫu đã nhập của mình trước khi gửi tới máy chủ web.
Ví dụ sau đây cho thấy cách xác thực một địa chỉ email đã nhập. Một địa chỉ email phải chứa ít nhất một dấu hiệu ‘@@và một dấu chấm [.]. Ngoài ra, ‘@@không phải là ký tự đầu tiên của địa chỉ email và ít nhất là chấm cuối cùng phải là một ký tự sau dấu hiệu‘@@.
Thí dụ
Chúng tôi sẽ lấy một ví dụ để hiểu quá trình xác nhận. Đây là một hình thức đơn giản ở định dạng HTML.