Question

我想知道是否有人使用Jquery验证密码插件（http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/）来验证密码但不需要它们。

就我而言，我正在整理一个编辑用户表单。没有密码，用户就不能存在。因此，当管理员正在编辑用户时，我知道密码已经过验证并已分配给用户。

我希望管理员能够提交表单并将密码字段留空。这意味着密码未更改。但是，如果管理员确实想要更改密码，我想使用jquery验证密码（上面链接）来验证密码。

在我的html <head>中，我有：

<script src="/Scripts/Common/jquery.js" type="text/javascript"></script>
<script src="/Scripts/Common/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/Common/jquery-validate.password/jquery.validate.password.js" type="text/javascript"></script>
<link href="/Scripts/Common/jquery-validate.password/jquery.validate.password.css" rel="stylesheet" type="text/css" />
<script>
    $(document).ready(function() {
        $("#edit").validate();
        $("#password").valid();
    });
</script>

并在form字段中（在Razor和MVC语法中）：

@using (Html.BeginForm("Edit", "User", FormMethod.Post, new { id = "edit" })) { 
    @Html.ValidationSummary()
    @Html.HiddenFor(model => model.UserAccount.UserAccountId)

    <!-- other user fields removed for brevity -->

    <table>
        <tr>
            <th>Password</th>
            <td>
                @Html.PasswordFor(x => x.Password, new { id="password", @class="password"})
                @Html.ValidationMessageFor(x => x.Password)
            </td>
            <td>
                <div class="password-meter">
                    <div class="password-meter-message"> </div>
                    <div class="password-meter-bg">
                        <div class="password-meter-bar"></div>
                    </div>
                </div>
            </td>
        </tr>
    </table>

    <p>
        <button type="submit">Save</button> @Html.ActionLink("Nevermind", "Index")
    </p>
}

这很有效。虽然它需要输入密码。我可以将其修改为不需要密码并仅验证密码吗？

Answer 1

只需使用

$("#edit_form").validate({
    rules: {
        re_password: {
            equalTo: "#password"
        }
    },
    messages: {
        re_password: {
            equalTo: "Password does not match"
        }
    }
});

在输入字段中没有使用“必需”类

<input id="password" type="password" name="password" class="TextBox">
<input id="re_password" type="password" name="re_password" class="TextBox">

Answer 2

试试这个

    $(document).ready(function() {
        $("#edit").validate(
           rules: {
              password: { required: false }
           },
        );
        $("#password").valid();
    });

如何使用Jquery Validate验证密码但不需要密码？

2 个答案: