Отправить кнопку закрывает причудливый бокс

Question

У меня есть форма, которую я показываю внутри мода fancybox. Я использую JQuery и AJAX для отправки формы. Но по какой-то причине, когда я нажимаю submit, модальный модаж закрывается. Форма передается через мои JQUERY и AJAX просто отлично. Это проблема, потому что, если есть какие-либо ошибки, они должны отображаться внутри модального. Что я могу сделать, чтобы остановить его после отправки?

Мой JQuery и AJAX:

$("#change-pass").submit(function() { 

     var dataString = $(this).serialize(); 
     var $this = $(this); 
     $.ajax({ 
      type: "POST", 
      url: "change_password.php", 
      data: dataString, 
      success: function(html) { 
       $this.parent().find('.tutorial-text').html(html); 
      } 
     }); 


     return false; 

    }); 

Спасибо!

Answer 1

Поскольку вы используете ajax, вам может понадобиться еще один fancybox для ошибок. Вы можете добавить error обработчик к вашему AJAX вызова, как:

$("#change-pass").submit(function() { 

    var dataString = $(this).serialize(); 
    var $this = $(this); 
    $.ajax({ 
     type: "POST", 
     url: "change_password.php", 
     data: dataString, 
     success: function(html) { 
      $this.parent().find('.tutorial-text').html(html); 
     }, 
     error : function(html){ 
      var errorMsg = // build your error msg here 
      $.fancybox.open(errorMsg, { 
       // API options 
      }) 
     } 
    }); 
    return false; 
});