javascript - 在 HTML5 中想要验证密码和确认密码

Question

我想在 HTML5 中验证密码和确认密码。通过使用所需的功能，我已经验证了空值。但无法验证密码和确认密码

HTML:

<form id="registration" name="registration" action="registrationaction.php" method="POST">
<input type="password" class="agent-input registerinput" name="pswd" id="pswd">
<input type="password" class="agent-input registerinput " name="confirmpassword" id="confirmpassword">
</form>

JavaScript:

<script>
$().ready(function() 
{
    $("#registration").validate({
            rules:  pswd: {
                    required: true
                },
                            confirmpassword: {
                    required: true
                },
            },
            messages
                pswd: "Please enter password",
                            confirmpassword: "Please enter valid confirm password",                   
            },      
            submitHandler: function() { $('#registration').submit(); }
        });
    });

Answer 1

有几种方法可以确认两个密码匹配。但是，假设您想使用 jQuery Validation Plugin(您的问题似乎使用了它)，将您的 Javascript 代码更改为此即可:

$().ready(function(){
    $("#registration").validate({
        rules: { 
            pswd: {
                required: true
            },
            confirmpassword: {
                required: true,
                equalTo: "#pswd"
            }
        },
        messages: {
            pswd: "Please enter password",
            confirmpassword: "Please enter valid confirm password"
        },      
        submitHandler: function() { $('#registration').submit(); }
    });
});

我应该指出您的 Javascript 示例有几个问题(未闭合的括号等)。它们已在上面的示例中得到更正。

如果想使用 jQuery Validation Plugin 创造更多精彩，一定记得看 their documentation webpage以获得易于阅读的可用选项列表。

附言 对于坚持认为必须更改 $().ready() 的每个人，我想指出它是根据 jQuery documentation 完全有效的语法。 (虽然不推荐，但有效)。