Question

抱歉这是我第一次尝试创建一个插件，所以我可能会离开。我已阅读文档但感到困惑，我决定通过尝试来学习......

我正在尝试制作一个简单的表单验证插件

(function($){
    $.fn.bluevalidate = function(options){

        var defaults = {
            errorMsg : 'You have an error',
            required : ''
        };

        var opt = $.extend(defaults,options);

        return this.each(function(index,element){
           var e = $(element);

           if(opt.required!='')
           {
                e.bind('blur',function(){
                    alert("required is here");
                });
           }
           else
           {
                alert("NOOOOOOOOO");
           }
        });
    };

}）（jQuery）

我称之为

$('#username').bluevalidate({
     required:'This field is required';
})

我希望在用户点击该字段时收到提醒，但正如您猜测的那样，我的方法无效，请告诉我我做错了什么....

Answer 1

那里有一个额外的;，它应该是：

$('#username').bluevalidate({
  required:'This field is required'
})

在声明对象文字时，您的属性不应该跟;一起（但属性之间应该有, ）。这是主要问题：

required:'This field is required'; //the ; shouldn't be here

You can test it out here

如何使用事件是jquery插件？

1 个答案: