如何在两个文本框中进行验证

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

在每个文本框上应用相同的 class 并在 class 上应用 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" />

如何在两个文本框中进行验证

How to give validation in two textbox

javascript

jquery

client-side-validation