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

Question

[Андрей Сергеев]

Такая проблема, когда отправляю форму выводится всплывающее окно и перезагружается страница, что не дает пользователю даже прочитать текст в всплывающем окне. Подскажите пожалуйста, как сделать чтобы отправка формы была после всплывающего окна или как то прервать на время отправку и вывести всплывающее окно?
Код ниже:

$('#buttonRestore').on('click', function (e) {
		if($('#modalResetEmail').hasClass('valid')) { 
			$.ajax({
				url: "/Handler.ashx?func=restrore-password",
				type: "POST", 
				dataType: "html",
				async: false, 
				data: { email: $('#modalResetEmail').val() },
				success: function (response) { 
					var json = $.parseJSON(response);
					if (json['success'] === 'true') {
						showNotice(json['message']);
						event.preventDefault();
					} else {
						event.preventDefault();
					}
				},
				error: function (response) { 
					alert('error');
				}
			});
			}
    });

Comments

[Andrew]

Солянка кода, занятно, конечно.
у вас аргумент в клике записан как 'e', в success уже event.

[Андрей Сергеев]

Andrew, все равно это не решает мою задачу, код работает абсолютно идентично

[Andrew]

Андрей Сергеев, сочувствую

Answer 1

[historydev]

$('form').on('submit', function (e) {
    e.preventDefault();

    if($('#modalResetEmail').hasClass('valid')) { 
      $.ajax({
        url: "/Handler.ashx?func=restrore-password",
        type: "POST", 
        dataType: "html",
        async: false, 
        data: { email: $('#modalResetEmail').val() },
        success: function (response) { 
          var json = $.parseJSON(response);
          if (json['success'] === 'true') {
            showNotice(json['message']);
            event.preventDefault();
          } else {
            event.preventDefault();
          }
        },
        error: function (response) { 
          alert('error');
        }
      });
      }
})

Answer 2

[Владимир Мальцев]

var show_modal = false;
$('form').on('submit', function (e) {
    
     if (show_modal){
        $.ajax({...});
     }else{
        
        
        // показываем модальное окно и по любому событию ставим show_modal = true;
        
        
       if (confirm('Modal confirm?')){
        
        show_modal = true;
        
        $('form').submit();
        
       }
        
     }
      
    
      
      return false;
})