跳到主要内容

说明

提示

需引用/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验证手机号
email验证邮箱
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 外,其他规则只有在元素值不为空时才触发。