Я использую "правила проверки jquery"
мои правила проверки jquery работают нормально во время размытия и табуляции ... но проблема в том, что ... после нажатия кнопки "Отправить", сначала отдается предпочтение проверке пароля и подтверждению пароля ... затем идет проверка других полей ... как я могу решить это?
снимок экрана во время нажатия кнопки "Отправить" ... после нажатия кнопки "Отправить" ... он дает первое предпочтение проверке пароля-подтверждения вместо последовательной проверки .. почему это происходит
после нажатия на кнопку "отправить" .. он должен проверяться сверху вниз, поля ... но сначала проверяется поле подтверждения пароля
для проверки формы, но во время проверки проверьте, что проверка «retype-password» в первую очередь означает атрибут «equalTo» (только если мы введем неверный пароль в обоих полях, а остальные поля пусты)
Сначала проверяется "retype-password" .. затем проверяются другие поля ..
Я хочу проверить параметры проверки в соответствии с позициями поля формы
Вы можете ясно увидеть проблему на скриншоте .. «Правила проверки jquery» сначала проверяют «retype-password» (только если мы вводим неверный пароль в обоих полях, а другие поля пусты) .. во время этого не отображается другая проверка Сообщения об ошибках. Если оба поля пароля совпадают, отображаются сообщения об ошибках проверки для оставшихся полей формы.
Фрагмент моего кода:
<script>
$(document).ready(function () {
jQuery.validator.addMethod("lettersonly", function(value, element) {
return this.optional(element) || /^[a-z]+$/i.test(value);
}, "Letters only please");
$('#signup').validate({
onblur: true,
onkeyup: false,
onfocusout: function(element) {
this.element(element);
},
rules: {
"first_name": {
required: {
depends:function(){
$(this).val($.trim($(this).val()));
return true;
}
},
maxlength: 15,
lettersonly: true
},
"last_name": {
required: {
depends:function(){
$(this).val($.trim($(this).val()));
return true;
}
},
maxlength: 15,
lettersonly: true
},
"mobile_no": {
required: {
depends:function(){
$(this).val($.trim($(this).val()));
return true;
}
},
minlength: 10,
maxlength: 10,
digits: true
},
"email": {
required: {
depends:function(){
$(this).val($.trim($(this).val()));
return true;
}
},
email: true
},
"password": {
required: true,
minlength: 4,
maxlength: 4,
digits: true
},
"conf_password": {
required: true,
equalTo: "#mainpassword"
}
},
messages: {
"first_name": {
required: "First Name is required",
maxlength: "First Name should be less than 15 characters"
},
"last_name": {
required: "Last Name is required",
maxlength: "First Name should be less than 15 characters"
},
"mobile_no": {
required: "Mobile No is required",
minlength: "Mobile No should be a 10-digit number",
maxlength: "Mobile No should be a 10-digit number",
digits: "Mobile No should contain only numbers"
},
"email": {
required: "Email is required",
email: "Invalid email Id"
},
"password": {
required: "Password is required",
minlength: "Password should be a 4-digit number",
maxlength: "Password should be a 4-digit number",
digits: "Password should contain only numbers"
},
"conf_password": {
required: "Confirm Password is required",
equalTo: "Password mismatch"
}
},
invalidHandler: function(form, validator) {
var errors = validator.numberOfInvalids();
if (errors) {
$("html, body").animate({
scrollTop: $(validator.errorList[0].element).offset().top-100
}, 500);
}
}
});
});
</script>
, пожалуйста, предложите мне изменения, чтобы избежать этой проблемы ..
(на скриншоте просто показана часть формы)