jquery - 提交按钮关闭花哨的框

Question

我有一个显示在花式框模式内的表单。我正在使用 JQuery 和 AJAX 提交表单。但是由于某种原因，当我点击提交时，fancybox 模式关闭了。通过我的 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

Since you are using ajax, you may need another fancybox for the errors. You could add an error handler to your ajax call like :

$("#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;
});