javascript - 验证确认密码？

Question

我正在尝试使用 JavaScript 验证密码字段。确保当用户在确认密码字段中重新输入密码时，密码应该是相同的。

这就是我试图做的。这就是形式。 onsubmit = "validate_reg()"是另一个使用 JavaScript 的验证，以确保必须填写所有字段。

<form name="register" action="signup.php" onsubmit="return validate_reg()"enctype="multipart/form-data" method="post" >
<table width="600" border="0">
<tr><td width="210" height="45">Username*:</td><td>
<input type="text" size="40" name="userUsername" id="user_username" /></td></tr>
<tr><td width="210" height="45">Password*:</td><td>
<input type="password" size="40" name="userPassword" id="user_password"/></td></tr> 
    <tr><td width="210" height="45">Re-type Password:</td><td>
<input type="password" size="40" name="userPasswordConfirm" 
     id="user_password_confirm"/></td></tr>
</table>
</form>

这是 JavaScript 代码:

<!--================Javascript for the validation of the Password Confirmation==========================-->
<script type="text/javascript" language="javascript">

function validatepw() {
  if ( document.register.user_password.value != document.register.user_password_confirm.value)
    {
    alert('Passwords did not match!');
        return false;
        }else{
        document.register.submit();
        return true;
    }
    }
</script>

<!--================Javascript for the validation of the required fields ================================-->
<script type="text/javascript">

    function validate_reg()
    {
    var isValid = true;

    // using OLD method of using name to find the control

    if ( document.register.user_username.value == "")
    {
    document.register.user_username.style.backgroundColor="red";
    isValid=false;
    }
    else{
    document.register.user_username.style.backgroundColor="white";
    }
    if ( document.register.user_password.value == "")
    {
    document.register.user_password.style.backgroundColor="red";
    isValid=false;
    }
    else{
    document.register.user_password.style.backgroundColor="white";
    }
    if ( document.register.user_password_confirm.value == "")
    {
    document.register.user_password_confirm.style.backgroundColor="red";
    isValid=false;
    }
    else{
    document.register.user_password_confirm.style.backgroundColor="white";
    }
}
</script>

Answer 1

你在哪里调用 validatepw？

可以将 onchange="javascript:validatepw()"添加到两个 pwd 字段