Подскажите, пожалуйста, почему не работает проверка заполнения пустых полей в модальном окне bootstrap
?
Вот код формы:
<div class="modal fade" id="leadModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<form action="" method="post" id="contact2">
<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td><label>Тема</label><input type="text" value="Заказ"/><div></div></td>
</tr>
<tr>
<td><input id="submit2" type="submit" value="Отправить"/><div></div></td>
</tr>
</table>
</form>
</div><!-- /.modal-body -->
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
JS:
$('#contact2').submit(function(){
var errors=false;
$(this).find('div').empty();
$(this).find('input, textarea').each(function(){
if($.trim($(this).val())==''){
errors=true;$(this).next().text('Заполните пожалуйста поле: '+$(this).prev().text());
}
});
if(!errors){
var data=$('#contact2').serialize();
$.ajax({
url:'',
type:'POST',
data:data,
beforeSend:function(){
$('#submit2').next().text('Отправляю...');
},
success:function(res){
if(res==1){
$('#contact2').find('input:not(#submit2), textarea').val('');
$('#submit2').next().empty();alert('Заказ успешно отправлен. О наличии товара мы сообщим Вам на почту');
}else{
$('#submit2').next().empty();alert('Ошибка отправки');
}
},
error:function(){
alert('Ошибка!');
}
});
}
return false;
});
Если вставлять форму не в модальное окно, а просто на страницу сайту, то все отлично работает, показывает какие поля не заполнены.