0

我正在尝试使用 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>
4

1 回答 1

2

你在哪里调用 validatepw?

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

于 2013-05-29T22:02:04.517 回答