Validate组件

Intro

功能强大的表单验证插件，适用于日常的 E-mail、电话号码、日期等验证，除自身拥有丰富的验证规则外，还可以添加自定义的验证规则。

Author

name:janking
concat:[email protected]

Options

@param {Element selector}             globalMessage       全局提示id，若为false，则逐项提示，默认:false
@param {Element selector}             errorClass          验证信息错误 class
@param {Element selector}             infoClass           验证信息提示 class  若为 false 则无info
@param {Element selector}             successClass        验证信息成功 class  若为 false 则无info
@param {Array}                        collections         验证规则配置
@param {Object}                       strategy            匹配规则扩展


@param {Array} collection 语法
{
    required: 'password',                                 // 对应 input[data-required]
    context: '.form-group',                               // data-required的执行上下文
    infoMsg: '请输入您的密码，字符长度为3-16位',               // 提示信息
    matches: {                                            // 组合验证
        isNonEmpty: {                                     // 对应 strategy 中存在的验证方法
            errMsg: '密码不能为空'                          //  验证错误的返回信息
        },
        between: {
            errMsg: '密码长度为6-16位',                     
            range:[6,16]                                  // 可自定义字段
        }
    }
}

@param {Object} strategy 语法

strategy: {
  between: function(params) {
    // params -- > matches.between
    var $target = this.self;
    var length = this.self[0].value.length;
    var min = params.range[0];
    var max = params.range[1];
    if (length < min || length > max) {
        return false; // 只需判断不通过的情况，结果必须是 false
    }
  },
  minLength: function(params) {
      //大于
      if (this.self[0].value.length < params.minLength) {
          return false;
      }
  },
  maxLength: function(params) {
      //小于
      if (this.self[0].value.length < params.maxLength) {
          return false;
      }
  },
  //更多的验证规则...
}

Usage