密碼確認驗證失敗

Question

HTML代碼：

<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