Почему beforeSend не срабатывает, кнопка не отключается и письма отправляются больше одного раза (сколько успеешь нажать)?

Question

[Loner97]

<script>

	$('#modal_form1').submit(function(){
		var form = $(this);
		var data = form.serialize();
        $.ajax({
          type: "POST",
          url: "mailer/smart3.php",
          data: data,
		  beforeSend: function() { 
                form.find('input[type="submit"]').attr('disabled', 'disabled'); 
              }
        }).done(function() {
          form.find("input").val("");
          $('#callModal1').modal('hide');
		   window.location = "https://12345";
          $("#modal_form1").trigger("reset");
		 
        });
        return false;
      });
	
</script>

Comments

[Модератор]

Loner97 дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[Роман]

Подпишусь, у меня тоже пока открыта тема с даблкликом в форме))

Вообще не понимаю разрабов - проблема-то типовая, сделали бы какой-нить аттрибут clickOnce или типа того - каждый раз этот долбаный велосипед приходится делать))

Давно бы уже включили в html-стандарт и всё

Answer 1

[profesor08]

var form = $(this);
var data = form.serialize();
form.find('input[type="submit"]').attr('disabled', 'disabled'); 
$.ajax({
    type: "POST",
    url: "mailer/smart3.php",
    data: data,
  }).done(function() {
    form.find("input").val("");
    $('#callModal1').modal('hide');
    window.location = "https://12345";
    $("#modal_form1").trigger("reset");
  });
  return false;
});

А вообще, обычно ставят некий таймаут для отправки писем. Так что можешь взять на вооружение и такой вариант.

Comments

[Loner97]

По какой-то причине он все еще не хочет отрубать кнопку после одного клика

[Loner97]

<script>

	$('#modal_form1').submit(function(){
		var form = $(this);
		 var data = form.serialize();
		form.find('input[type="submit"]').attr('disabled', 'disabled'); 
        $.ajax({
          type: "POST",
          url: "mailer/smart3.php",
          data: data
        }).done(function() {
          form.find("input").val("");
          $('#callModal1').modal('hide');
		   window.location = "https://ufimbankrot.ru/thanks.html";
          $("#modal_form1").trigger("reset");
		  ga('send', 'event', 'myform', 'submit');
		  ga('send', 'event', 'buttonOrder', 'click');
        });
        return false;
      });
</script>

[profesor08]

Воспроизведи тут свою проблему https://jsfiddle.net/

[Loner97]

profesor08, Боже, вот я дурачок, два дня мучаюсь, вроде должно работать, но нет. Только сейчас заметил, что в HTML у меня элемент button type=submit, а в коде я отсылал к input type=submit