Проверка обязательных полей перед отправкой формы JQuery
Когда нужно проверять поля формы на выполнение определенных условий можно использовать следующий код:
$(document).ready(function(){
$('#form').submit(function(e) {
var result = true;
if($("input[name='username']").val() == '') {
$("input[name='username']").addClass('error_form');
result = false;
} else {
$("input[name='username']").removeClass('error_form');
}
if(result == false)
{
e.preventDefault();
return;
}
});
});
В данном примере если поле username в форме #form пустое то добавляем для данного поля класс error_form и останавливаем отправку формы. Если форма поле не пустое то форма выполняется.