JQuery Проверка пользовательских сообщений об ошибках в нескольких местах (в верхней части формы и на уровне формы)
Я использую плагин JQuery Validate для обработки проверки моих форм. У меня есть требование иметь ошибку в 2 местах:
Верх формыНа уровне поляУ меня это работает на полевом уровне, но как мне заставить его работать как на верхнем, так и на полевом уровне.
В верхней части формы я хочу что-то вроде этого:
<p>You have the following error messages:</p>
<li>First Name - This is a required field</li>
<li>Last Name - This a required field</li>
<li>Email Address - This is a required field</li>
На уровне формы у меня появляются сообщения об ошибках, такие как эта, которая работает:
First Name
This is a required field
[ ]
Last Name
This is a required field
[ ]
Email
This is a required field
[ ]
Вот код HTML
<html>
<body>
<div id="errormessages"></div>
<form id="myform">
<label for="firstname" class="required">First name</label> <input type="text" required="required" name="firstname" id="firstname" class="textInput" /><,/div>
<label for="lastname" class="required">Last name</label> <input type="text" required="required" name="lastname" id="lastname" class="textInput" /></div>
<label for="email" class="required">Email</label> <input type="text" required="required" name="email" id="email" class="textInput" /></div>
</form>
</body>
<html>
Код Jquery для сообщений об ошибках, размещаемых на уровне формы:
$("#myform").validate({
rules: {
firstname: {
required: true
},
lastname: {
required: true
},
email: {
required: true
}
},
errorPlacement: function(error, element) {
error.insertBefore(element);
}
});
так как мне построить код, чтобы иметь его в обоих местах?
Спасибо