jsフォーム検証例 分析_javascriptスキル

この記事の例では、js を使用したフォーム検証の方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

1. 従来のフォーム検証コード

コードをコピー コードは次のとおりです:

 
 
 
 
 
<スクリプトタイプ="text/javascript"> 
 
   関数 $(id) {
       document.getElementById(id) を返します。 
   }
    
   関数 check() {
       var email = $("email").value; 
       var パスワード = $("パスワード").value; 
       var repassword = $("repassword").value; 
       var name = $("name").value; 
        
       if(email == "") {
           alert("電子メールは空にできません"); 
           $("メール").focus(); 
           false を返します。 
       }
        
       if(email.indexOf("@") == -1 || email.indexOf(".") == -1) {
           alert("邮箱格式不正确,必须包含@和."); 
           $("メール").focus(); 
           false を返します。 
       }
        
       if(パスワード == "") {
           alert("密码不可空"); 
           $("パスワード").focus(); 
           false を返します。 
       }
        
       if(password.length            alert("暗号の長さは 6 以上である必要があります"); 
           $("パスワード").focus(); 
           false を返します。 
       }
        
       if(再パスワード != パスワード) {
           alert("二度入力された秘密コードが一致しない"); 
           $("パスワード再設定").focus(); 
           false を返します。 
       }
        
       if(name == "") {
           alert("姓名は空"); 
           $("名前").focus(); 
           false を返します。 
       }
        
       for(var i = 0; i            var j = name.subString(i , i 1); 
           if(isNaN(j) == false) {
               alert('姓名中に数字を含めることはできません'); 
               $("名前").focus(); 
               false を返します。 
           }
       }
   }
 
 
 
<フォーム名="login_form" メソッド="post" onsubmit="return check()">
メール:                                                                            
パスワード:

パスワードを再入力します:

名前: