/validate

js验证插件

Primary LanguageJavaScript

最近计划

  • 增加 equal 等于某个字段
  • 增加 defaultValue 默认文字

基本使用方法

html

```html
数字验证：
数字验证：
```

js

```js validate({ id:"na",//验证器名称 tipPlacement:function(element,tip){//提示信息放置位置 element.closest('.common').find('.tip').html(tip); }, rules:{ 'a':{//name为a的节点，注意！别重复。 wrong:"请输入数字",//错误提示文字 right:"输入正确",//正确后提示文字 empty:'输入不能为空',// focus:"请您输入该字段",// required:true,//是否必填，为空为false或是不写，则为非必填（可以不写，写了就必需写正确） limit:'number' //验证方法，number为插件自带验证方法，这里可以传入正则、字符串。具体见下文 }, 'c':{ wrong:"请输入",//错误提示文字 right:"输入正确",//正确后提示文字 empty:'输入不能为空',// focus:"请您输入该字段",// required:true, limit:/^\w+$/ } } }); ```

调用

```js validate.get('na').valid()//返回na这个验证器的验证结果 validate.get('na').valid('a')//返回name=a节点的验证结果 ```

对limit的说明

可以传入正则
例如：limit:/^\d+/ 验证以数字开头
可以传入插件自带验证方法或自定义方法
例如：limit:'number' 验证纯数字
可以传入长度
例如：limit:1 checkbox选中的个数

对length的说明

length 输入内容长度限定
length:'2~5' 只能输入二到五位。配合limit使用例如:
```js validate({ id:"nb", tipPlacement:function(element,tip){ element.closest('.common').find('.tip').html(tip); }, rules:{ 'b':{ wrong:"请输入2-5位数字", right:"", empty:'输入项不能为空', focus:"请你输入该项", required:true, length:"2~5", limit:'number'//2-5位纯数字 } } }) ```

对require的说明

require
require:true,为必填。require:false 为选填，如果填写，则必需写对，换句话说就是得通过limit的验证。

自定义验证规则

```js validate.addMethod.isDate=function(options){//日期验证 var $element=options.element; var value=$element.val(); if(!value){ options.tipPlacement($element,options.empty); return false; }else if(!isNaN(Date.parse(value)) &&Date.parse(value)>0 ){ options.tipPlacement($element,options.right); return true; }else{ options.tipPlacement($element,options.wrong); return false; } }; ```

调用方法同上

自带验证规则：

  • number 验证纯数字

  • email 验证电子邮箱

  • string 纯字母

  • phone 验证手机号码

  • zh-cn 验证中文

2015-07-09:发布第一版

2015-05-27:基于jquery的一个简单验证插件 version:0.1