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

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

 
 
 
 
 
<スクリプトタイプ="text/javascript"> 
   関数 $(id) {
       document.getElementById(id) を返します。 
   }
    
   関数 check() {
       var email = $("email").value; 
       var パスワード = $("パスワード").value; 
       var repassword = $("repassword").value; 
       var name = $("name").value; 
          
       $("emailinfo").innerHTML = ""; 
       $("パスワード情報").innerHTML = ""; 
       $("repasswordinfo").innerHTML = ""; 
       $("nameinfo").innerHTML = ""; 
        
       if(email == "") {
          $("emailinfo").innerHTML = "電子メールは空にはできません"; 
           false を返します。 
       }
        
       if(email.indexOf("@") == -1 || email.indexOf(".") == -1) {
           $("emailinfo").innerHTML = "邮箱格式不当、必须包含@和。"; 
           false を返します。 
       }
        
       if(パスワード == "") {
           $("passwordinfo").innerHTML = "密码不可"; 
           false を返します。 
       }
        
       if(password.length            $("passwordinfo").innerHTML = "秘密暗号長度は 6 より大きくなければなりません"; 
           false を返します。 
       }
        
       if(再パスワード != パスワード) {
           $("repasswordinfo").innerHTML = "二度入力の秘密暗号不一致"; 
           false を返します。 
       }
        
       if(name == "") {
          $("nameinfo").innerHTML = "姓名は空にはできません"; 
           false を返します。 
       }
        
       for(var i = 0; i            var j = name.subString(i , i 1); 
           if(isNaN(j) == false) {
               $("nameinfo").innerHTML = '姓名中に数字を含めることはできません'; 
               false を返します。 
           }
       }
   }
    
   function checkEmail() { //校验メール
       $('emailinfo').innerHTML = ""; 
       var email = $('email').value; 
       if(email == "") { 
            $('emailinfo').innerHTML = "Email值不能为空"; 
            return false; 
       } 
        
       if(email.indexOf('@') == -1 || email.indexOf('.') == -1) { 
            $('emailinfo').innerHTML = "Email必须包含@和."; 
            return false; 
       } 
   } 
    
   function checkPassword() {  //校验密码 
      $('passwordinfo').innerHTML = ""; 
      var password = $('password').value; 
      if(password == "") { 
          $("passwordinfo").innerHTML = "密码不能为空"; 
          return false; 
      } 
    
     if(password.length < 6) {
$("passwordinfo").innerHTML = "密码长度必须大于或者等于6";
return false;
}
}

function checkRepassword() { //校验重新输入的密码
$('repassword').innerHTML = "";
var repassword = $('repassword').value;
if(repassword != password) {
$("repasswordinfo").innerHTML = "两次输入的密码不一致";
return false;
}
}

function checkName() { //校验姓名
$('nameinfo').innerHTML = "";
var name = $('name').value;
if(name == "") {
$("nameinfo").innerHTML = "姓名不能为空";
return false;
}

for(var i = 0; i < name.length; i++) {
var j = name.subString(i , i+1);
if(isNaN(j) == false) {
$("nameinfo").innerHTML = '姓名中不能包含数字';
return false;
}
}
}
 
 
 
 

 
     

 
           Email: 
     

    
     

 
           密码: 
     

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