Проверка обязательных полей перед отправкой формы JQuery

Когда нужно проверять поля формы на выполнение определенных условий можно использовать следующий код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type='text/javascript'>
$(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;
}
});
});
</script>

В данном примере  если поле username в форме #form пустое то добавляем для данного поля класс error_form и останавливаем отправку формы. Если форма поле не пустое то форма выполняется.

#jQuery