Добрый вечер!
Имею форму
<form id="myform" action="mail.php" method="post">
<div class="input-block">
<div class="input-img input-img1"></div>
<input name="name" class="required" type="text" placeholder="Введите Ваше имя">
</div>
<div class="input-block">
<div class="input-img input-img2"></div>
<input name="phone" class="phoneform required" type="text" placeholder="Введите Ваш телефон">
</div>
<button class="btn btn-transparent">Заказать звонок</button>
<p class="msgs"></p>
</form>
Если обработчик формы JS такой, то все работает
$('form').each(function() {
var $form = $(this);
$form.validate({
submitHandler: function() {
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize()
}).done(function() {
$('.msgs').text('Благодарю за обращение! Ожидайте звонка');
setTimeout(function(){
$('.msgs').css("display","none");
}, 3000);
}).fail(function() {
location.href = "#mail-fail";
});
$form.find("input[type='text']").val('');
return false;
}
});
});
Но если я хочу находить и обрабатывать по id формы
$('#myform').each(function() {});
То код не срабатывает. Как сделать чтобы код работал по id формы?