Я пытаюсь сделать Validation plugin. Он отлично работает для отдельных полей, но когда я пытаюсь включить демонстрационный код для контейнера ошибок, который содержит все ошибки, у меня есть проблема. Проблема заключается в том, что он показывает контейнер со всеми ошибками, когда я во всех полях, но я хотел бы отображать контейнер ошибок только тогда, когда пользователь нажимает кнопку отправки (но все же отображает встроенные ошибки рядом с элементом управления при потере фокуса).
Проблема заключается в сообщении в контейнере. Когда я снял код, как указано в ответе ниже для контейнера, вывод контейнера отображает количество ошибок в открытом тексте.
Каков трюк, чтобы получить список подробных сообщений об ошибках? Я хотел бы отобразить "ОШИБКУ" рядом с элементом управления по ошибке, когда пользователь нажимает кнопку вкладки и имеет сводку всего в конце, когда он нажимает submit. Возможно ли это?
Код со всеми вводами здесь:
$().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);
}
});
});