Как открыть модальное окно после отправки формы обратной связи?

Question

[Александр Дерзкой]

Есть код

$(document).ready(function() {

	//E-mail Ajax Send
	$("form").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
		
	});
	//при нажатию на любую кнопку, имеющую класс .btn
  $(".btn btn-block btn-animate").click(function() {
    //открыть модальное окно с id="myModal"
    $("#catalog").modal('show');
	});

});

Приходит три письма на почту,а должно одно и не открывается модальное окно после отправки формы,помогите пожалуйста исправить...

Comments

[Kovalsky]

В консоли что?

Answer 1

[Максим]

Неправильно указан селектор, нужно $(".btn.btn-block.btn-animate")
Либо через запятую, если это три разных кнопки.

Comments

[Kovalsky]

И кстати только что заметил: в коде нигде нету даже попыток открыть "модальное окно после отправки формы"

[Максим]

Никита Полевой: вот попытка `$("#catalog").modal('show');`. Если нужно, чтобы само открылось, перенести эту строку в метод `.done`

[Kovalsky]

Максим: технически это не имеет отношения к ивенту "после отправки формы", так что не, не считается

[Максим]

Мне удалось ответить на вопрос?)

[Александр Дерзкой]

Я пыталься стваить что бы получилось вот так:

$(document).ready(function() {

	//E-mail Ajax Send
	$("form").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			//при нажатию на любую кнопку, имеющую класс .btn
  $(".btn btn-block btn-animate").click(function() {
    //открыть модальное окно с id="myModal"
    $("#catalog").modal('show');
	});
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
		
	});
	

});

Все равно не работает...

[Александр Дерзкой]

И .btn btn-block btn-animate это такой класс кнопки,а не три отдельные кноки
полность. форма выглядит так

<form id="contact-form" action="mail.php" method="post">
	
    <div class="contact_form">
    <div class="form-group field-namephonecontactform-name required">

<input type="text" id="namephonecontactform-name" class="form-control" name="name" placeholder="Имя" required>

<div class="help-block"></div>
</div>     
<div class="form-group field-nameemailcontactform-email required">

<input type="text" id="nameemailcontactform-email" class="form-control" name="mail" placeholder="Email" required>

<div class="help-block"></div>
</div>   
        
          
    </div>

            <button type="submit" class="btn btn-block btn-animate" style="background-color: #F71105; color: #fff" >Получить скидку 20%</button>    
   

            <div class="checkbox">
            <a href="#" data-toggle="modal" data-target="#myModal">
Пользовательское соглашение
            </a>
        </div>
    
    </form>

[Максим]

Александр Дерзкой: в примере не изменили $(".btn btn-block btn-animate") на $(".btn.btn-block.btn-animate")

[Александр Дерзкой]

Максим: все равно не помогает