jQueryで2つのパスワードフィールドを確認する

Question

2つのパスワードフィールドを入力しているときにパスワードが一致しない場合は小さなスクリプトを探しています...クリックすることなくこれを行うこともできます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"> 

、あなたがより多くの機能を使用したい場合、あなたはjquery validation pluginと箱から取り出し、これを取得することができますjquery Validate

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プラグインを使用して考える必要があります

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

、次のスクリプトを使用します。 2つのフィールドが一致していることを確認するためのドキュメントやチュートリアルもあります。