Question

我有一个表格，我在fancybox模式中显示。我正在使用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

由于您使用的是ajax，因此可能需要另一个fancybox来处理错误。您可以在ajax调用中添加error处理程序，如：

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

提交按钮关闭花式框

1 个答案: