Как ограничить количество нажатий на кнопку до 1 раза
Доброго времени суток! Есть одна задача, прошу помощи с решением. При нажатии на кнопку по отправке запроса на сервер выходит alert, который говорит, что сообщение отправлено ну и т.д.. В скрипте установлено время обработки запроса, но он не всегда помогает, особенно если сервер долго грузиться. Т.е. в этот момент пользователь может 30 раз нажать на кнопку и запрос обработается 30 раз и alert тоже выйдет 30 раз. Так вот вопрос: как прописать код, чтобы запрос был только один. Пробовал разное кто что советует, но ничего не помогло.
Вот сам код:
$(document).ready(function() {
$(".button, .reserve").magnificPopup();
$("#phone").mask("+7(799)999-99-99");
$(".count_element").on("click", (function() {
ga("send", "event", "goal", "goal");
yaCounterXXXXXXXX.reachGoal("goal");
}));
$("#forma").submit(function() {
$.ajax({
type: "POST",
url: "mail.php",
data: $(this).serialize()
}).done(function() {
$(this).find("input").val("");
alert("Спасибо! Ваша заявка принята! Скоро мы с вами свяжемся.");
setTimeout(function() {
$.magnificPopup.close();
}, 5);
$("#forma").trigger("reset");
});
return false;
});
});
Заранее благодарю за помощь!!! |