JAVA - NIIT-ICT: JavaScript - Xác thực biểu mẫu

Học lập trình java. Mẫu xác nhận thường được sử dụng để xảy ra tại máy chủ, sau khi khách hàng đã nhập tất cả các dữ liệu java cần thiết và sau đó nhấn nút Submit.

Nếu dữ liệu java được khách hàng nhập vào không chính xác hoặc chỉ đơn giản là mất tích, máy chủ sẽ phải gửi tất cả dữ liệu về máy khách và yêu cầu gửi lại biểu mẫu với thông tin chính xác. Đây thực sự là một quá trình lâu dài được sử dụng để đặt rất nhiều gánh nặng lên máy chủ.

JavaScript cung cấp một cách để xác nhận hợp lệ 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. Việc xác nhận mẫu thường thực hiện hai chức năng.

Xác nhận 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. Nó sẽ chỉ yêu cầu một vòng lặp thông qua từng trường trong biểu mẫu và kiểm tra dữ liệu java.

Học lập trình Java

Xác thực Định dạng Dữ liệu - Thứ hai, Khóa học java miễn phí dữ liệu được nhập phải được kiểm tra đúng biểu mẫu và giá trị. 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.

Thí dụ

Chúng tôi sẽ lấy một ví dụ để hiểu quy trình xác thực. Đây là một hình thức đơn giản trong đị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 ra

Xác thực biểu mẫu cơ bản

Trước tiên, chúng ta hãy xem cách thực hiện xác nhận biểu mẫu cơ bản. Trong biểu mẫu trên, chúng ta đang gọi validate () để xác nhận hợp lệ dữ liệu khi sự kiện onsubmit xảy ra. Đoạn mã sau đây cho thấy việc thực hiện hàm validate () java này.

<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ệu

Bây giờ chúng ta sẽ thấy cách chúng ta có thể xác thực dữ liệu java biểu mẫu đã nhập trước khi gửi nó tới máy chủ web.

Ví dụ sau đây cho biết cách xác thực địa chỉ email đã nhập. Địa chỉ email phải chứa ít nhất dấu '@' và dấu chấm (.). Ngoài ra, '@' không được là ký tự đầu tiên của địa chỉ email và dấu chấm cuối cùng phải ít nhất là một ký tự sau ký hiệu '@'.

Học lập trình Java

Hãy thử mã sau để xác thực email.

<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>

JAVA - NIIT-ICT

Thứ Ba, 13 tháng 11, 2018

JavaScript - Xác thực biểu mẫu

Thí dụ

Đầu ra

Xác thực Định dạng Dữ liệu

Không có nhận xét nào:

Đăng nhận xét

Lập trình Java - Ngoại lệ

Danh Sách Khóa Đào Tạo

Tổng số lượt xem trang