首頁 > web前端 > js教程 > js進行表單驗證實例分析_javascript技巧

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

WBOY
發布: 2016-05-16 16:14:45
原創
1046 人瀏覽過

本文實例講述了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: 
     
  
     
 
           密碼: 
     
 
     
 
          重輸密碼: 
     
 
     
 
          姓名: 
     
 
     
 
           
     
 
 
 
 
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板