js進行表單驗證實例分析_javascript技巧

本文實例講述了js進行表單驗證的方法。分享給大家供大家參考。具體實作方法如下：

1. 傳統的表單驗證程式碼

複製程式碼 程式碼如下:

 
 
 
 
表單驗證標題> 
 
 
   函數 $(id) { 
       返回 document.getElementById(id); 
   } 
    
   函數檢查() { 
       var email = $("email").value; 
       var 密碼 = $("密碼").value; 
       var 重新密碼 = $("重新密碼").value; 
       var name = $("name").value; 
        
       if(電子郵件 == "") { 
           alert("Email值不能為空白"); 
           $("電子郵件").focus(); 
           返回假； 
       } 
        
       if(email.indexOf("@") == -1 || email.indexOf(".") == -1) { 
           alert("郵箱格式不正確,必須包含@和."); 
           $("電子郵件").focus(); 
           返回假； 
       } 
        
       if(密碼 == "") { 
           alert("密碼為空白"); 
           $("密碼").focus(); 
           返回假； 
       } 
        
       if(password.length            alert("密碼長度必須大於或等於6"); 
           $("密碼").focus(); 
           返回假； 
       } 
        
       if(重設密碼！=密碼) { 
           alert("輸入兩次的密碼不一致"); 
           $("重設密碼").focus(); 
           返回假； 
       } 
        
       if(name == "") { 
           alert("姓名不能為空白"); 
           $("名稱").focus(); 
           返回假； 
       } 
        
       for(var i = 0; i            var j = name.subString(i , i 1); 
           if(isNaN(j) == false) { 
               alert('姓名中不能包含數字'); 
               $("名稱").focus(); 
               回復為假； 
           } 
       } 
   } 
腳本> 
頭> 
 
 

 
     

 
           Email: 
     

  
     

 
           密碼: 
     

 
     

 
          重輸密碼: 
     

 
     

 
          姓名：