通过jQuery确认2个密码字段


Confirm 2 password fields via jQuery

我试图找到一个小脚本,在其中键入两个密码字段时,如果密码不匹配,则脚本将指定。。。我也希望这样做,而不必点击提交按钮。

这是我的两个字段:

<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">

更改输入字段名称,

<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插件

你可以这样做:

$('.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/

您可以使用jquery验证插件开箱即用。有很多文档和教程可供您学习,其中包括确保两个字段匹配的文档和教程。