Проверка обязательных полей перед отправкой формы 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 и останавливаем отправку формы. Если форма поле не пустое то форма выполняется.