1

我正在编写一个 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

非常感谢有关哪种特定插件模式适合此类插件的任何输入,以及对现有代码的任何反馈,问候。

4

1 回答 1

1

将此添加到您的插件中,它将按您的意愿工作:

$.fn.valid = function() {
    return $(this).regexField("valid");
}
于 2013-01-04T13:01:24.693 回答