Я пытался найти хорошее решение для проверки, работающее для моего сайта, но у меня проблемы с различными параметрами . Я внимательно прочитал документацию и просмотрел примеры, но у меня все еще есть проблемы.
Моя форма находится в таблице. Я хочу, чтобы под каждой строкой была своя собственная строка ошибок, которая обычно была бы скрыта, но отображалась бы для каждой строки соответствующим образом.
Следующие параметры скрывали и отображали строки ошибок в порядке, но сообщение об ошибке отображалось в каждой Строка ошибок представляла собой полное объединение каждого сообщения об ошибке:
$('#myform').validate({
rules: {
firstName: "required",
lastName: "required"
},
messages: {
firstName: "Enter your first name.",
lastName: "Enter your last name."
},
errorContainer: '.errorRow',
errorLabelContainer: '.errorRow.appValueColumn',
errorPlacement: function(error, element) {
error.appendTo( element.parent().next() );
}
});
поэтому я попытался использовать параметр showErrors следующим образом:
$('#myform').validate({
rules: {
firstName: "required",
lastName: "required"
},
messages: {
firstName: "Enter your first name.",
lastName: "Enter your last name."
},
errorContainer: '.errorRow',
errorContainer: '.errorRow.appValueColumn',
showErrors: function(errorMap, errorList) {
$.each(errorMap, function(key, value) {
$('#'+key).parent().next().children('.appValueColumn').html(errorMap[key]);
});
Что ж, теперь все ошибки разделены и показаны в нужном месте, но я не могу получить .errorRows
для отображения. Что я здесь делаю не так?
Большое спасибо