Как дать подтверждение в двух текстовых окнах

Question

У меня проблема в этом скрипте. Моя функция о данной проверке в двух текстовых поле. Кто-нибудь здесь может мне помочь?

Моя функция:

<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> 

Answer 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" />