Form Validator
var F = Validator('form表单name值',{ together : false, //默认遇错误打断,显示单条错误信息,默认为false(只显示一条) errShow : 'alert', //错误提示,默认为alert,支持字符串(alert,single,multiple),自定义function(string || array()) errBox : 'error_strings', //错误消息class,默认为form表单中的 .error_strings errPar : 'li', //单个表单元素的父级元素,用于定位错误的位置 li > (span > input ) ~ span.error_strings timely : false //实时判断,是否失去焦点以及change判断 }); //添加验证规则,传参为(二维数组或者一维数组,单条验证规则必须符合传参规则), 即:[字段名,判断条件,报错提示或者函数] 二维数组形式 F.addRule([ ["username","required",'姓名不能为空'], ["username","regex=/^[A-Za-z]+$/",'只能是a-z'], ["username","minlength=3",'姓名必须大于3个字符'], ["username","maxlength=10",'姓名必须小于10个字符'], ["email","required",'邮箱必填'], ["email","email",'邮箱格式'] ]); 一维数组形式(只能定义一条规则) F.addRule(["username","required",'姓名不能为空']); 其中第三个参数可以是function,比如 F.addRule([ ["username","required",function(){ alert('姓名不能为空') }], ..... ]); addRule可以动态添加,并通过removeRule来移除(removeRule同样可以采用二维数组和一维数组),比如 F.removeRule([ ['username','required'], ['username','regex'] ...... ]) 规则:[字段名,验证规则] , 如果不添加验证规则,默认会移除该字段的所有验证,如 F.removeRule(['username']) 会移除所有username字段的所有验证规则 全局的报错也支持function(接收参数为错误的数组), errShow : function(data){ var wrongList = document.getElementById('wrongList'), html = []; wrongList.innerHTML = ''; for(var i =0; i < data.length ; i += 1){ html.push('
regex : 正则, (regex=/^[A-Za-z]+$/ )
required : 必填内容,针对input,textarea
minlength : 最小字符长度 (minlength=3)
maxlength : 最大字符长度 (maxlength=10)
number : 数字
alpha : 字母(大小写都可)
string : 字母,数字,下划线
email : 邮件格式
telephone : 电话
mobile : 手机
greaterthan : 大于某个值,或者某个input中的值 (greaterthan=5 或者 greaterthan=字段名 )
lessthan : 小于某个值,用法同上
equal : 等于某个值,或者数组(数组以|分隔)中的某个值,或者字段 (equal=66 或者 equal=字段名 或者 equal='aa|bb|cc' )
unequal : 不等于某个值,用法同上
notselect :不能选择的值,指的是select中option的value,或者 radio/checkbox数组中某一个的value (notselect=字符串或者数字或者数组)
shouldselect : 必须选中,用法同上
minselect : 最少选中几项
maxselect : 最多选择几项