说明
提示
需引用/static/js/me.min.js
后才可以使用
使用方法:$.formFilter(Dom, object)
其中object包含配置:
{
"all":false, //默认:false,单项逐步验证;当为true时,会将表单中所有需要验证的内容全部验证后返回信息。
"msg":true, //默认:true,提示框提示信息;当为false时,会返回包含错误数据的json数组。
}
code为true时的返回数据(object),当all为true是,返回多维数组。
{
"code":false, //表单验证结果,false为验证不通过。
"title":"此元素", //元素标题,可通过data-title设置;code为true是不返回此项。
"obj":Dom对象, //元素的DOM对象,code为true是不返回此项。
"msg":"不可为空", //错误信息,code为true是不返回此项。
}
HTML部分
在需要验证的表单元素上加入validate
类名,自定义属性data-filter
设置验证规则(多个规则用“|”隔开),data-title
设置自定义提示标题。
如:
<input type="text" name="name" class="validate" data-filter="required|max:100" data-title="我是标题"/>
验证规则
规则名称 | 描述 | 使用说明 |
---|---|---|
required | 不可为空 | |
phone | 验证手机号 | |
验证邮箱 | ||
url | 验证网址 | |
telephone | 验证固话 | |
date | 验证日期 | 格式:YYY-MM-DD或YYY/MM/DD |
idcard | 验证身份证号 | |
number | 只能是数字 | |
en | 只能是英文字母 | 不分区大小写 |
cn | 只能是中文 | |
length | 指定区间字数 | length:2-100,表示元素值在2到100个字符之间 |
max | 最多字数 | max:100,表示元素值最多为100个字符 |
min | 最少字数 | min:2,表示元素值最少2个字符 |
between | 指定数字区间 | 必须为整数数字 between:1-100,表示元素值只能在整数1到100之间 |
提示
除 required
外,其他规则只有在元素值不为空时才触发。