jQuery：密碼並確認密碼

Question

我正在為文本框使用jquery插件..在其他文本框中，該插件可以正常工作...但是當我為某些文本框提供詳細信息時，jquery無法正常工作..

這是我的代碼：

    jQuery("#Merchant_Registration").validate({
                rules: {
                    UserN: "required",
                    pass: {
                        required: true,
                        minlength: 5
                    },
                    confirm: {
                        minlength: 5,
                        equalTo: "#Password",
                    },
                    question: "required",
                    answer: "required"
                },
                success: function () {
                    xval = true;
                },
                messages: {
                    UserN: "Please enter your last name",
                    pass: {
                        required: "Provide a password",
                        minlength: "Password length at least 5 characters!"
                    },
                    confirm: {
                        minlength: "Password length at least 5 characters!",
                        equalTo: "Enter the same password as above"
                    },
                    question: "Please enter a security question",
                    answer: "Please enter answer to security question"
                }
            });

            if (jQuery("#Merchant_Registration").valid()) {
                return true;
            }

這是我的標記代碼：

<p>
                <label>Username:</label>
                <span class="field">
                <asp:TextBox ID="UserName" class="required" runat="server" name="UserN"></asp:TextBox>
                </span>
                </p>

                <p>
                <label>Password:</label>
                <span class="field">
                <asp:TextBox ID="Password" class="required" runat="server" name="pass"></asp:TextBox>
                </span>
                </p>

                <p>
                <label>Re-type Password:</label>
                <span class="field">
                <asp:TextBox ID="Password2" class="required" runat="server" name="confirm"></asp:TextBox>
                </span>
                </p>

                <p>
                <label>Security Question:</label>
                <span class="field">
                <asp:TextBox ID="SecurityQ" class="required" runat="server" name="question"></asp:TextBox>
                </span>
                </p>

                <p>
                <label>Security Answer:</label>
                <span class="field">
                <asp:TextBox ID="SecurityA" class="required" runat="server" name="answer"></asp:TextBox>
                </span>
                </p>

在我的密碼字段中，它不會檢查用戶輸入是否相同...並且不顯示消息。

而在其他文本框中，單擊下一步按鈕時，顯示的錯誤是“此字段是必填字段”，而不是預設消息...

有人可以幫助我..謝謝你..

Answer 1

您需要使用name屬性作為驗證器

例如：

<form id="Merchant_Registration">
    <p>
        <label>Username:</label>
        <span class="field">
            <input ID="UserName" name="UserN"/>
        </span>
    </p>

    <p>
        <label>Password:</label>
        <span class="field">
            <input ID="Password" name="Password"/>
        </span>
    </p>

    <p>
        <label>Re-type Password:</label>
        <span class="field">
            <input ID="Password2" name="Password2"/>
        </span>
    </p>

    <p>
        <label>Security Question:</label>
        <span class="field">
            <input ID="SecurityQ" name="SecurityQ"/>
        </span>
    </p>

    <p>
        <label>Security Answer:</label>
        <span class="field">
            <input ID="SecurityA" name="SecurityA"/>
        </span>
    </p>
</form>

演示： 小提琴