Сделал валидацию для кнопки через jquery-vaildate. По макету - нужно сделать так, чтобы после нажатии на кнопку, которая отправляет эту форму - закрывался этот popup и открывался следующий с уведомлением о том, что форма отправлена. Подскажите, как это сделать? Все скрины прикрепил ниже. HTML формы:
```
<div id="modal__wrapper">
<div class="modal__overlay" id="modal__overlay"></div>
<div class="modal__window">
<a href="#" class="modal__close" id="modal__close"></a>
<div class="modal__content">
<h3 class="modal__title">
Заказать обратный звонок
</h3>
<form action="login" class="modal__form">
<input type="text" name="firstName" class="modal__item" required placeholder="Имя">
<input type="email" name="mail" class="modal__item"required placeholder="E-mail">
<input type="tel" name="phoneNumber" class="modal__item" required placeholder="Телефон">
<button type="submit" class="modal__btn" id="modal__btn">
Заказать звонок
</button>
</form>
</div>
</div>
</div>
```
Код валидации:
```
$('.modal__form').validate({
rules: {
firstName : {
required : true,
regex : "[A-Za-zА-Яа-я]{1,32}"
},
phoneNumber : {
required : true,
digits: true,
minlength : 7,
maxlength : 15,
regex: "[0-9]+"
},
mail : {
required : true
}
},
messages : {
firstName : 'Введите имя правильно!',
phoneNumber : 'Введите номер правильно!',
mail : 'Введите почту правильно!'
}
})