У меня есть несколько форм и на каждую я навешиваю скрипт валидации:
Но если я в одну из форм ввожу правильное значение - то сообщение об ошибке не убирается.
Когда в событии invalidHandler и onkeyup убираю $(this).find(".js-form-message") а оставляю просто $(".js-form-message"), то сообщение об ошибке появляются в каждой форме.
Как это исправить?
$('.js-form-validate').each(function (index) {
$(this).validate({
rules: {
name: {
required: true,
minlength: 2
},
email: {
required: true,
minlength: 6
},
checkbox: {
required: true
}
},
messages: {
name: {
required: "Text of Error",
minlength: 2
},
email: {
required: "Email of Error"
},
checkbox: {
required: "Checkbox of Error"
}
},
errorClass: "has-error",
errorPlacement: function (error, element) {
return true;
},
focusCleanup: true,
focusInvalid: false,
invalidHandler: function (event, validator) {
$(this).find(".js-form-message").html('<div class="alert alert-danger">Заполните все поля формы.</div>');
},
onkeyup: function (element) {
$(this).find(".js-form-message").text("");
}
});
});