Подтвердите 2 поля пароля с помощью jQuery

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, как 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 . Существует множество документов и учебных пособий, в том числе и для проверки соответствия двух полей.