Question

我正在尝试找到一个小脚本，在输入两个密码字段时如果密码不匹配则脚本将指定...我也希望这样做而不必单击“提交”按钮。

以下是我的两个字段：

<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开箱即用。您可以使用许多文档和教程，包括确保两个字段匹配的文档和教程。

通过jQuery确认2个密码字段

3 个答案: