Я пытаюсь заставить работать плагин проверки . Он отлично работает для отдельных полей, но когда я пытаюсь включить демонстрационный код для контейнера ошибок, который содержит все ошибки, у меня возникает проблема. Проблема в том, что он отображает контейнер со всеми ошибками, когда я нахожусь во всех полях, но я хотел бы отображать контейнер ошибок только тогда, когда пользователь нажимает кнопку отправки (но все еще отображает встроенные ошибки рядом с элементом управления при потере фокуса).
Проблема в сообщении в контейнере. Когда я снял код, указанный в ответе ниже для контейнера, вывод контейнера просто отображает количество ошибок в виде простого текста.
В чем заключается хитрость, чтобы получить список подробных сообщений об ошибках? То, что я хотел бы, это отобразить «ОШИБКА» рядом с элементом управления по ошибке, когда пользователь нажимает кнопку вкладки, и иметь сводку всего в конце, когда он нажимает кнопку «Отправить». Это возможно?
Код со всеми входами отсюда:
$().ready(function() {
var container = $('div.containererreurtotal');
// validate signup form on keyup and submit
$("#frmEnregistrer").bind("invalid-form.validate", function(e, validator) {
var err = validator.numberOfInvalids();
if (err) {
container.html("THERE ARE "+ err + " ERRORS IN THE FORM")
container.show();
} else {
container.hide();
}
}).validate({
rules: {
nickname_in: {
required: true,
minLength: 4
},
prenom_in: {
required: true,
minLength: 4
},
nom_in: {
required: true,
minLength: 4
},
password_in: {
required: true,
minLength: 4
},
courriel_in: {
required: true,
email: true
},
userdigit: {
required: true
}
},
messages: {
nickname_in: "ERROR",
prenom_in: "ERROR",
nom_in: "ERROR",
password_in: "ERROR",
courriel_in: "ERROR",
userdigit: "ERROR"
}
,errorPlacement: function(error, element){
container.append(error.clone());
error.insertAfter(element);
}
});
});