Задать вопрос
@Wolfz
javascript

Как отключить кнопку отправки формы jquery чтобы форма отправлялась?

Уже весь мозг съела эта проблема, помогите решить. Объясните тупому, почему не отправляется форма? Нужно чтобы юзер не мог повторно нажать кнопку пока обрабатывается запрос

<form id="moy_form" class="avtozapolnenie" method="POST" action="/test.php">
			<input type="hidden" class="form-control" id="map_lat" name="map_lat" value="315198" placeholder="">
			<input type="hidden" class="form-control" id="map_lon" name="map_lon" value="653646" placeholder="">
				<div class="addafterajax">
				    <h3 class="textafter">Объявление: <span class="copytext"></span></h3>
				    <button type="submit" name="submit" class="createprop" role="button">Создать объявление!</button>
				</div>
		</form>

jQuery(document).ready(function(){
	
jQuery(".createprop").on("click", function(){
	jQuery(".createprop").text("Подождите....!");
	jQuery(".createprop").attr("disabled", "disabled");	  
});
});

Если убираю эту строчку
jQuery(".createprop").attr("disabled", "disabled");

То отправка происходит, но кнопка не блокируется(((
  • Вопрос задан
  • 928 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Решения вопроса 1
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer 
$(document).ready(function(){
  
$("#moy_form").on("submit", function(e){ // событие нужно не клик, а субмит формы
  e.preventDefault(); // останавливаем субмит "вручную"
  $(".createprop").text("Подождите....!"); // делаем хрень
  $(".createprop").attr("disabled", "disabled"); // выключаем кнопку
  $(this).submit(); // субмитим форму "вручную"
});
});
Ответ написан
13 комментариев
13 комментариев
Пригласить эксперта
Ответы на вопрос 2
beliyadm
@beliyadm
because open source matters
Вешаем событие на сабмит
$(document).on('submit', '#myform', function() {
и при успешном ответе блокируем кнопку
$.ajax({
	        success: function(response){
	        $(".createprop").attr("disabled", "disabled");
Ответ написан
Комментировать
Комментировать
ns174ru
@ns174ru
https://ns174.ru
событие неверно как минимум выбрали, нужно явно не онклик ;)
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Разработать формирование УПД на Java
20 апр. 2024, в 00:28
20000 руб./за проект
Ещё заказы