Skip to content

Z-wave/Validator

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Validator

=========

Form Validator

Init :

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('
  • '+data[i].msg+'
  • '); } wrongList.innerHTML = html.join(''); }

    API :

    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 : 最多选择几项

    Releases

    No releases published

    Packages

    No packages published

    Languages

    • JavaScript 62.2%
    • HTML 37.8%