通过jQuery确认2个密码字段

Question

我试图找到一个小脚本，在那里，当键入两个密码字段，如果密码不匹配，那么脚本将指定...我也希望不用点击Submit按钮就能做到这一点。

下面是我的两个字段：

<input name="password" type="password" id="password-1" maxlength="30" placeholder="Password Must Be 5-30 Characters" class="text-input required password">
<input name="password" type="password" id="password-2" placeholder="Repeat Password" class="text-input required password">

Answer 1

更改输入字段名称，

<input name="password1" type="password" id="password-1" maxlength="30" placeholder="Password Must Be 5-30 Characters" class="text-input required password">
<input name="password2" type="password" id="password-2" placeholder="Repeat Password" class="text-input required password">

并使用以下脚本，

$("#password-2").change(function(){
     if($(this).val() != $("#password-1").val()){
               alert("values do not match");
               //more processing here
     }
});

如果你想使用更多的函数，你应该考虑使用像jquery Validate这样的jquery插件

Answer 2

你可以像这样做：

$('.password').change(function(){
      if($("#password-1").val() == $("#password-2").val()){
            /* they match */
      }else{
            /* they are different */
      }
 });

这将连接到您放置在这两个字段上的类，并且无论何时有人更改或字段，它都将执行此检查。

如果你没有这些类，你也可以使用$('input[type=password]') ...

下面是一些更深入的阅读：

http://www.designchemical.com/blog/index.php/jquery/check-passwords-using-jquery/

http://bmharwani.com/blog/2010/11/12/matching-the-password-and-confirm-password-fields-in-jquery/

Answer 3

您可以使用jquery validation plugin开箱即用。有很多文档和教程可供您遵循，包括确保两个字段匹配的文档和教程。