2016-12-26 10 views
0

私はこのスクリプトに問題があります。 2つのテキストボックスで指定された検証に関する私の関数。 誰でも私を助けることができますか?2つのテキストボックスで検証を行う方法

My機能:

<script> 
      window.onload = function() { 
      document.getElementById("pass").onchange = validatePassword; 
      document.getElementById("rp_pass").onchange = validatePassword; 
     }; 
     function validatePassword() 
     { 
      var pass2=document.getElementById("pass").value; 
      var pass1=document.getElementById("rp_pass").value; 
      if(pass1!=pass2) 
       document.getElementById("rp_pass").setCustomValidity("Passwords Don't Match"); 
      else 
       document.getElementById("rp_pass").setCustomValidity(''); 
        //empty string means no validation error 
     } 

    </script> 
+0

を役に立てば幸いのみ[タグを使用してください:jqueryのをjQuery Validateプラグインについて質問するときに-validate]タグを使用します。編集されました。ありがとう。 – Sparky

答えて

1

各テキストボックスに同じクラスを適用し、以下のようにクラスにsetCustomValidityを適用するが、それは

window.onload = function() { 
 
        document.getElementById("pass").onchange = validatePassword; 
 
        document.getElementById("rp_pass").onchange = validatePassword; 
 
       }; 
 
       function validatePassword() 
 
       { 
 
        var pass2=document.getElementById("pass").value; 
 
        var pass1=document.getElementById("rp_pass").value; 
 
        if(pass1!=pass2) 
 
         document.getElementsByClassName("customvalidity").setCustomValidity("Passwords Don't Match"); 
 
        else 
 
            
 

 
         document.getElementsByClassName("customvalidity").setCustomValidity(''); 
 
          //empty string means no validation error 
 
       }
<input type="text" value="" id="pass" class="customvalidity"/> 
 
<input type="text" value="" id="rp_pass" class="customvalidity" />

+0

リプレイに感謝.. – meduprise

+1

@QuietManそれは完全に私の喜びです – Curiousdev

関連する問題