javascript - jQuery 插件，从函数返回值

Question

标记:

<input type="text" name="email" />

代码:

$(':text').focusout(function(){
    $(this).validate(function(){
        $(this).attr('name');
    });
});

插件:

(function($){  
    $.fn.validate = function(type) {  
        return this.each(function(type) {  
            if (type == 'email') {
                matches = this.val().match('/.+@.+\..{2,7}/');
                (matches != null) ? alert('valid') : alert('invalid');
            }
            /*else if (type == 'name') {

            }
            else if (type == 'age') {

            }
            else if (type == 'text') {

            }*/
            else {
                alert('total failure');
            }
        });
    };  
})(jQuery);

问题是当我执行上面的代码时，它运行插件就像类型是一个字符串一样:“function(){ $(this).attr('名字'); });"而不是将其作为函数执行。我该如何解决这个问题？

Answer 1

您必须检查参数是否为函数。如果是，则使用返回值，否则假定它是文字值。

(function($) {
    $.fn.validate = function(type) {
        //check if type type is a function else take it as literal
        type = typeof type !== "function" ? type : type();
        return this.each(function(type) {
            ...
        });
    };
})(jQuery);