Примечание: приведенный ниже код предназначен только для демонстрации, и я использую jQuery и jQuery для проверки плагина.
Предположим, у меня есть форма с двумя полями (адрес электронной почты и инвентарь):
<form action="/something" method="post" id="demoForm">
Inventory No: <input type="text" class="required" name="inventory_no" />
Email: <input type="text" class="required" name="email" />
<input type='submit' value='submit' />
</form>
Плагин привязки для формирования:
jQuery(function(){
jQuery('#demoForm').validate();
});
//handle user submit
jQuery('#demoForm').bind('submit', function (e) {
e.preventDefault();
if (jQuery(e.target).valid()) {
//form is valid submit request thru ajax
jQuery.ajax({
/*more options here*/
success: function (data) {
/*
Server process request and finds that, email is already in use
and inventory number is invalid
so it sends data in some format may pe JSon
with field names and message indicating errors
eg: Email:"Already in use"
InventoryNo: "Invalid Inventory No",
Now can i invalidate these two fields on form mannualy
and display the message received from server for each field
*/
}
});
}
});
Если вы знаете, какое поле недействительно, вы можете использовать эту функцию. http://docs.jquery.com/Plugins/Validation/Validator/showErrors
var validator = $( "#myshowErrors" ).validate();
validator.showErrors({
"firstname": "I know that your firstname is Pete, Pete!"
});
Где firstname - свойство имени вашего поля; т.е. name="firstname".