Удалите эти required: true
правило.
Демонстрация: Скрипка
jQuery('.validatedForm').validate({
rules : {
password : {
minlength : 5
},
password_confirm : {
minlength : 5,
equalTo : "#password"
}
}
Просто быстрый звон в здесь для обнадеживающей помощи другим... Особенно с более новой версией (так как этому 2 года)...
Вместо того, чтобы иметь некоторые статические поля определил в JS, можно также использовать data-rule-*
атрибуты. Можно использовать встроенные правила, а также пользовательские правила.
См. http://jqueryvalidation.org/documentation/#link-list-of-built-in-validation-methods для встроенных правил.
Пример:
<p><label>Email: <input type="text" name="email" id="email" data-rule-email="true" required></label></p>
<p><label>Confirm Email: <input type="text" name="email" id="email_confirm" data-rule-email="true" data-rule-equalTo="#email" required></label></p>
Примечание data-rule-*
атрибуты.
Это работает, если значение идентификатора и значение имени отличаются:
<input type="password" class="form-control"name="password" id="mainpassword">
password: { required: true, } ,
cpassword: {required: true, equalTo: '#mainpassword' },
Я реализую его в Платформе Игры, и для меня это работало как это:
1) Уведомление, что я использовал data-rule-equalTo во входном теге для идентификатора inputPassword1. Секция кода userform в моем Модальном:
<div class="form-group">
<label for="pass1">@Messages("authentication.password")</label>
<input class="form-control required" id="inputPassword1" placeholder="@Messages("authentication.password")" type="password" name="password" maxlength=10 minlength=5>
</div>
<div class="form-group">
<label for="pass2">@Messages("authentication.password2")</label>
<input class="form-control required" data-rule-equalTo="#inputPassword1" id="inputPassword2" placeholder="@Messages("authentication.password")" type="password" name="password2">
</div>
2), Так как я использовал блок проверки допустимости в Модальном
$(document).on("click", ".createUserModal", function () {
$(this).find('#userform').validate({
rules: {
firstName: "required",
lastName: "required",
nationalId: {
required: true,
digits:true
},
email: {
required: true,
email: true
},
optradio: "required",
password :{
required: true,
minlength: 5
},
password2: {
required: true
}
},
highlight: function (element) {
$(element).parent().addClass('error')
},
unhighlight: function (element) {
$(element).parent().removeClass('error')
},
onsubmit: true
});
});
Hope, он помогает кому-то :).
jQuery('.validatedForm').validate({
rules : {
password : {
minlength : 5
},
password_confirm : {
minlength : 5,
equalTo : '[name="password"]'
}
}
В целом, Вы не будете использовать id="password"
как это. Так, можно использовать [name="password"]
вместо "#password"