Добрый день !
подскажите кто знает
имеется такая форма
<form action="" method="post" id="form" class="form text-center">
<fieldset>
<section>
<input type="text" name="phone" value="" id="phone" class="input-text">
</section>
<button type="submit" class="button">Отправить</button>
</fieldset>
<div class="message messege_popap">
<i class="fa fa-check"></i>
Форма отправлена
</div>
</form>
таких форм на странице несколько
и имеется такой скрипт
$("#form").validate({
rules:
{
phone:
{
required: true
}
},
messages:
{
phone:
{
required: ''
}
},
submitHandler: function(form)
{
$(form).ajaxSubmit(
{
beforeSend: function()
{
$('#form button[type="submit"]').attr('disabled', true);
},
success: function()
{
$("#form").addClass('submited');
setTimeout(function(){
$.magnificPopup.close();
$("#form").removeClass('submited');
$('#form button[type="submit"]').attr('disabled', false);
$('#form')[0].reset();
}, 2000);
}
});
},
errorPlacement: function(error, element)
{
error.insertAfter(element.parent());
}
});
Сейчас если на сайте несколько форм то скрипт обрабатывает только первый форму, и приходится каждой форме давать идентификатор и прописывать скрипт для каждой формы, как можно сделать так чтобы данный скрипт работал со всеми формами с одним id. Спасибо!