重新输入电子邮件验证器不适用于 javascript

Question

所以我正在尝试检查用户是否使用 javascript 在注册表单中两次输入了相同的电子邮件地址和密码。如果他们不匹配，它不应该让他们注册，但是只有部分密码有效并且电子邮件无效。这是我的代码：

<form>
           
    <input type="email" name="fname" placeholder="Email Adress" required="required" class="input-txt" id="email1">
    <input type="email" name="fname" placeholder="Confirm Email Adress" required="required" class="input-txt" id="email2"> 
    <br><br>
    <input id="password" type="password" name="fname" placeholder="Create Password" required="required" class="input-txt">
    <input id="confirm_password" type="password" name="fname" placeholder="Confirm Password" required="required" class="input-txt"><br>
    <button type="submit" class="btn">Sign up</button>
</form>

<script>
function validateMail() {
    if(first_email.value != second_email.value) {
        email2.setCustomValidity("Emails Don't Match");
    } else {
        email2.setCustomValidity('');
    }
}
email1.onchange = validateMail;
email2.onkeyup = validateMail;

var password = document.getElementById("password")
  , confirm_password = document.getElementById("confirm_password");

function validatePassword(){
    if(password.value != confirm_password.value) {
        confirm_password.setCustomValidity("Passwords Don't Match");
    } else {
        confirm_password.setCustomValidity('');
    }
}

password.onchange = validatePassword;
confirm_password.onkeyup = validatePassword;
</script>

Answer 1

您需要在脚本顶部指定var：

 var first_email = document.getElementById("email1")
  , second_email = document.getElementById("email2")
  , password = document.getElementById("password")
  , confirm_password = document.getElementById("confirm_password");