За верстку сильно не пинать :) адрес ресурса-кнопки it-lab23.ru/#write_to_admin
Без jquery.validate.min.js отправляет с первого клика.
<aside id="write_to_admin" class="modal-b">
<div class="modal-b-wrapper modal-b-wrapper-admin">
<a href="#close" title="Закрыть">Закрыть</a>
<div class="modal-b-cont modal-b-cont-admin">
<p class="zagolovok-modal center-t"><b>Написать руководителю IT-LAB</b></p>
<div id="write-form">
<form id="form-admin" method="POST">
<input type="text" name="FIO" placeholder="ФИО полностью*" required=""><br>
<input type="tel" name="Telefon" placeholder="Телефон*" required=""><br>
<input type="email" name="EMail" placeholder="Email" required=""><br>
<textarea name="SutjObrascheniya" required="" placeholder="Что Вы хотите сообщить руководству? Это поле обязательно должно быть заполнено."></textarea><br>
<button id="btn-ruk">Отправить</button>
</form>
</div>
</div></div></aside>
$(document).ready(function(){
$("#form-admin").validate({
submitHandler: function (){
$("#form-admin").submit(function() {
$("#btn-ruk").attr('disabled', 'disabled');
var th = $(this);
$.ajax({
type: "POST",
url: "http://it-lab23.ru/php_scripts/elmarun_admin.php",
data: th.serialize()
}).done(function() {
alert("Обращение отправлено!");
setTimeout(function() {
// Done Functions
th.trigger("reset");
}, 500);
$("#btn-ruk").removeAttr("disabled")
});
return false;
});
},
rules:{
FIO:{
required: true,
minlength: 15,
maxlength: 45,
},
// и другие условия
},
errorElement: "div",
wrapper: "div", // a wrapper around the error message
errorPlacement: function(error, element) {
offset = element.offset();
error.insertBefore(element)
error.addClass('message'); // add a class to the wrapper
error.css('left', offset.left);
error.css('top', offset.top - element.outerHeight());
}
});
$.extend( $.validator.messages, {
required: "Это поле необходимо заполнить.",
// и другие поля
});
});
Средний