jquery在回调函数后停止执行

Question

我有一个简单的插件，用于提交表单

(function($){
    $.fn.ajaxSubmit = function(options){
        var defaults = {
            onSubmit:function(){},
        },
        o = $.extend({},defaults, options);

        return this.each(function(){
            $(this).submit(function(e){
                o.onSubmit.call(this);
                $.post(o.url,$(this).serialize() ,
                function(i){"do stuff"},'json');
                return false;
            });
        });
    }
})(jQuery);

我就是这么调用它的

$('#commentForm').ajaxSubmit({
    onSubmit:function(){
        if($('textarea').val()==''){ "do not execute $.post"}
    }
});

我想检查textarea是否为空，如果是，则不要继续深入插件或不要执行$.post。

Answer 1

基于gap的答案:

(function($){
$.fn.ajaxSubmit = function(options){
    var defaults = {
        shouldSubmit:function(){ return true; },
    },
    o = $.extend({},defaults, options);

    return this.each(function(){
        $(this).submit(function(e){
            if(o.shouldSubmit.call(this)) {
                $.post(o.url,$(this).serialize(), function(i){"do stuff"},'json');
            }
            return false;
        });
    });
}
})(jQuery);

$('#commentForm').ajaxSubmit({
    onSubmit:function(){
        if($('textarea').val()==''){ return false; }
    }
});

将函数名称更改为shouldSubmit，因为这样更有意义，并将默认值设置为返回true，因此如果没有被覆盖，它总是提交。