Xác thực biểu mẫu thường được sử dụng để xảy ra tại máy chủ, sau khi máy khách đã nhập tất cả các dữ liệu cần thiết và sau đó nhấn nút gửi. Nếu dữ liệu được nhập bởi máy khách không chính xác hoặc đơn giản là bị thiếu, máy chủ sẽ phải gửi tất cả dữ liệu lại cho máy khách và yêu cầu biểu mẫu được gửi lại với thông tin chính xác. Đây thực sự là một quá trình dài được sử dụng để đặt nhiều gánh nặng lên máy chủ. Show JavaScript cung cấp một cách để xác nhận dữ liệu của biểu mẫu trên máy tính của khách hàng trước khi gửi nó đến máy chủ web. Xác thực hình thức thường thực hiện hai chức năng.
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. <html>
<head>
<title>Form Validation</title>
<script type = "text/javascript">
<!--
// Form validation code will come here.
//-->
</script>
</head>
<body>
<form action = "/cgi-bin/test.cgi" name = "myForm" onsubmit = "return(validate());">
<table cellspacing = "2" cellpadding = "2" border = "1">
<tr>
<td align = "right">Name</td>
<td><input type = "text" name = "Name" /></td>
</tr>
<tr>
<td align = "right">EMail</td>
<td><input type = "text" name = "EMail" /></td>
</tr>
<tr>
<td align = "right">Zip Code</td>
<td><input type = "text" name = "Zip" /></td>
</tr>
<tr>
<td align = "right">Country</td>
<td>
<select name = "Country">
<option value = "-1" selected>[choose yours]</option>
<option value = "1">USA</option>
<option value = "2">UK</option>
<option value = "3">INDIA</option>
</select>
</td>
</tr>
<tr>
<td align = "right"></td>
<td><input type = "submit" value = "Submit" /></td>
</tr>
</table>
</form>
</body>
</html>
Đầu raXác thực hình thức cơ bảnTrướ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. <script type = "text/javascript">
<!--
// Form validation code will come here.
function validate() {
if( document.myForm.Name.value == "" ) {
alert( "Please provide your name!" );
document.myForm.Name.focus() ;
return false;
}
if( document.myForm.EMail.value == "" ) {
alert( "Please provide your Email!" );
document.myForm.EMail.focus() ;
return false;
}
if( document.myForm.Zip.value == "" || isNaN( document.myForm.Zip.value ) ||
document.myForm.Zip.value.length != 5 ) {
alert( "Please provide a zip in the format #####." );
document.myForm.Zip.focus() ;
return false;
}
if( document.myForm.Country.value == "-1" ) {
alert( "Please provide your country!" );
return false;
}
return( true );
}
//-->
</script>
Xác thực định dạng dữ liệuBâ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. <script type = "text/javascript">
<!--
function validateEmail() {
var emailID = document.myForm.EMail.value;
atpos = emailID.indexOf("@");
dotpos = emailID.lastIndexOf(".");
if (atpos < 1 || ( dotpos - atpos < 2 )) {
alert("Please enter correct email ID")
document.myForm.EMail.focus() ;
return false;
}
return( true );
}
//-->
</script>
Mục đích của một xác nhận cơ bản là gì?Xác thực cơ bản Loại xác thực này liên quan đến việc kiểm tra tất cả các trường bắt buộc và đảm bảo chúng được điền đúng. Đây là một ví dụ cơ bản về chức năng xác thực hiển thị cảnh báo nếu tên người dùng và địa chỉ email là trống, nếu không nó sẽ trả về Gửi lại = tài liệu.checking all the mandatory fields and making sure they're properly filled in. Here's a basic example of a function validate that shows an alert if the username and email address inputs are blank, otherwise it returns true: const submitBtn = document.
Tại sao chúng ta cần xác nhận trong JavaScript?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.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ủ.to ensure correct user input. Validation can be defined by many different methods, and deployed in many different ways. Server side validation is performed by a web server, after input has been sent to the server.
Mục đích xác nhận cơ bả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.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.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. Data Format Validation − Secondly, the data that is entered must be checked for correct form and value.
Xác thực hình thức là gì và nó được sử dụng như thế nào?Xác thực biểu mẫu là một quy trình kỹ thuật của người Viking trong đó một dạng web kiểm tra xem thông tin được cung cấp bởi người dùng là chính xác.Biểu mẫu sẽ cảnh báo cho người dùng rằng họ đã làm hỏng và cần sửa một cái gì đó để tiến hành hoặc biểu mẫu sẽ được xác thực và người dùng sẽ có thể tiếp tục với quy trình đăng ký của họ.technical process where a web-form checks if the information provided by a user is correct.” The form will either alert the user that they messed up and need to fix something to proceed, or the form will be validated and the user will be able to continue with their registration process. |
