2010-11-03 2 views
27

Я использую jquery для проверки формы. Отдых лучше, кроме поля подтверждения пароля. Даже когда набирается тот же пароль, введите . Введите тот же пароль. не удаляется.jquery подтвердить проверку пароля

Мой сценарий:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#form1").validate({ 
     rules: { 
      password: { 
       required: true, minlength: 5 
      }, 
      c_password: { 
       required: true, equalTo: "#password", minlength: 5 
      }, 
     email: { 
      required: true, email: true 
      }, 
     phone: { 
      required: true, number: true, minlength: 7 
      }, 
     url: { 
      url: true 
     }, 
     description: { 
      required: true 
     }, 
     gender: { 
      required: true 
      } 
     }, 
     messages: { 
     description: "Please enter a short description.", 
     gender: "Please select your gender." 

     } 
     }); 
    }); 
    --> 
    </script> 

А внутри тега формы:

<div class="form-row"><span class="label">Password</span><input type="password" name="password" class="required" id="password" /></div> 

<div class="form-row"><span class="label">Confirm Password</span><input type="password" name="c_password" id="c_password" /></div> 

Любые предложения? Будем очень благодарны за помощь.

ответ

18

Ваших поля не имеет свойства ID. В JQuery селектор «#password» означает «объект, который имеет id свойство со значением 'password'»

Ваш код должен выглядеть следующим образом:

<input type="password" name="password" id="password" class="required"/> 
2

Убедитесь, что ввод текст Вашего пароля имеет идентификатор «пароль»

+0

тогда нам нужна еще немного коды на рисунок что происходит Неправильно – Dalen

+0

Я добавил код, пожалуйста, проверьте. –

1

быть уверены, что ни один другой вход с тегом id='password' в эта же страница.

2
rules: { 

не закрыт. Поместите другой } после:

messages: { 
    description: "Please enter a short description.", 
    gender: "Please select yor gender." 
} 

Это так же, как и ответ об элементе идентификаторов.

1

Я столкнулся с некоторыми проблемами при использовании идентификаторов camelCase для ввода пароля. Я в конечном итоге получил работу с разными «именами» и «id».

<input type="password" id="pass" placeholder="New password" name="newPassword"> 
<input type="password" id="pass2" placeholder="New password" name="repeatNewPassword"> 
<input type="email" id="inputNewEmail" name="newEmail" placeholder="New email"> 
<input type="email" id="repeatNewEmail" name="repeatNewEmail" placeholder="New email> 

Тогда в JS:

rules: { 
      newPassword: { 
       minlength: 6 
      }, 
      repeatNewPassword: { 
       minlength: 6, 
       equalTo: "#pass" 
      }, 
      newEmail: { email: true}, 
      repeatNewEmail: {email: true, equalTo: '#inputNewEmail'}, 
} 

Так обратитесь к полю ввода его 'имя', но определить equalTo deppendency с помощью 'идентификатор'. Я не уверен, что о проблеме верблюжьей, для входов электронной почты он работал, но точно такой же номенклатура с входами пароля не работает, по моему опыту

7
<input type="password" id="password" class="nomal required error" value="" name="cpassword"> 

<input type="password" equalto="#password" class="nomal required error" value="" name="cpassword"> 
+2

Всегда объясняйте свой ответ отдельно от кода. – Rikesh

0
if($("#newpassword").val()!== ($("#conformpassword").val())){ 
    $('#newpasswordId').html('<font color="red">Your password does not match</font>'); 
    $("#newpassword").val(''); 
    $("#conformpassword").val(''); 
    $('#newpassword').css("border", "#FF0000 solid 1px") 
    $('#conformpassword').css("border", "#FF0000 solid 1px") 
    $("#newpassword").focus(); 

    return false; 
} 
+0

Откуда у вас эти идентификаторы? Они не соответствуют тем в вопросе. Просто копирование части вашего проекта вряд ли поможет кому-либо. Также обратите внимание, что вопрос - два года. –

Смежные вопросы