我正在编写一个 jQuery 插件来对表单字段进行正则表达式验证。这是我编写的第一个 jQuery 插件,我发现许多不同的教程和插件设计模式令人困惑。
我已经提出了我目前在这里的工作样本http://jsfiddle.net/WpvMB/
为了完整起见,这里是我的插件代码(尽管它确实有效,但我认为这是糟糕的设计决定)
(function( $ ){
var settings = {}
var methods = {
init : function( options ) {
settings = $.extend( {
'error_class': 'error',
'success_class': 'success',
'regex': /.*/,
}, options);
this.bind('keyup focusout focusin', methods.doValidate);
},
valid : function( ) {
if ( $(this).val().match( settings.regex ) ) {
return true
}
return false
},
doValidate: function( ) {
if ( $(this).regexField('valid') ) {
$(this).addClass( settings.success_class )
$(this).removeClass( settings.error_class )
} else {
$(this).removeClass( settings.success_class )
$(this).addClass( settings.error_class )
}
},
};
$.fn.regexField = function( method ) {
if ( methods[method] ) {
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
} else if ( typeof method === 'object' || ! method ) {
return methods.init.apply( this, arguments );
} else {
$.error( 'Method ' + method + ' does not exist on jQuery.regexField' );
}
};
})( jQuery );
理想情况下,我希望插件能够像现在一样运行,并且还能够在元素上调用有效方法并接收真/假结果,例如。
$('#textinput').regexField({'regex': /^[0-9]+$/})
$('#textinput').valid()
>>> true
非常感谢有关哪种特定插件模式适合此类插件的任何输入,以及对现有代码的任何反馈,问候。