Question

HTML code：

<div id="form_pwd">          
<form method="POST" action="google.com" id="pwdChange">
    <table>
        <tr>
            <td width="175px"><label for="newPwd">Enter your password</label></td>                
            <td><input type="password" name="newPwd" id="newPwd" size="35"/></td>
        </tr>
        <tr>
            <td><label for="newPwd_">Re-enter your password</label></td>
            <td><input type="password" name="newPwd_" id="newPwd_" size="35"/></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td><input type="submit" value="Save Password" /></td>
        </tr>
    </table>

</form>
</div>

jQuery代码：

    $(document).ready(function()
{
    $("#form_pwd").validate(
    {
    rules:
    {
        newPwd: "required",
        newPwd_:
        {
        equalTo: "#newPwd"
        }
    }
    }
    );
}
);

我使用上面的来源来验证我的输入密码，但文本框旁边没有显示任何内容，有人请看看并帮我发现它吗？我已经包括

  <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
    debug: true,
    success: "valid"
});
</script>

位于文件顶部。：（

[更新]好的，演示就在这里 http://jsfiddle.net/Z9JmB/2/

我希望有人可以帮我解决这个小问题。非常感谢你。

Answer 1

这样可以正常工作，但您的目标是在表单之外的div。您需要更改目标元素：

$("#form_pwd")

为：

$("#pwdChange")

这将定位您的表单。

另外，在你的JS小提琴中，你需要包含你的验证js文件。我更新了jsfiddle以包含你使用的验证插件，它全部100％正确工作，请看看：

http://jsfiddle.net/Z9JmB/5/

Answer 2

看起来很好。确保您的密码输入为id="newPwd"或发布更多代码。也许设置一个jsfiddle.net

另见手册http://docs.jquery.com/Plugins/Validation/Methods/equalTo#other

密码确认验证失败

2 个答案: