移动端表单验证控件(mobileValidate
GitHub地址:https://github.com/efri-yang/mobileValidate
dome: https://wnworld.com/mobilevalidate
参数复制过来方便查找
二、Options参数
参数 | 描述 | 默认值 |
---|---|---|
type | 表单验证类型,有两种:类型1:弹出提示信息,类型2:未通过验证的表单下面显示提示文字 | 1 |
validateInSubmit | 点击”提交”按钮的时候是否要对表单进行验证 | true |
sendForm | 表单通过验证的时候,是否需要提交表单 | true |
onKeyup | 输入放开键盘的时候,是否需要验证(注:该参数对于类型1的验证是不起作用,只对类型2起作用,对于类型2,对于第一次的输入时不进行验证) | false |
firstInvalidFocus | 未通过验证的第一个表单元素,是否要获取焦点 | true |
conditional | 该单词顾名思义就是条件,默认值是空对象“{}”,输入域元素的data-conditional=”name”来对应到conditional对象中属性等于name的函数,函数返回true就是验证通过,返回false就是未通过验证 | {},一个空对象 |
descriptions | 默认值是空对象“{}”,用来定义输入域未通过验证的各种状态下的提示文字,通过输入域元素的data-descriptions=”name”来对应到descriptions对象中属性名等于name的函数 | {},一个空对象 |
eachField | 表单输入域在执行验证之前,触发该函数,它是提前于eachValidField或者是eachInValidField触发 | $.noop,默认一个空函数 |
eachInvalidField | 所有未通过验证的表单输入域触发该函数 | true |
eachValidField | 所有的通过验证的表单输入域触发该函数 | $.noop,默认一个空函数 |
valid | 点击“提交”按钮的时候,若表单通过验证,就触发该函数! | $.noop,默认一个空函数 |
invalid | 点击“提交”按钮的时候,若表单未通过验证,就触发该函数! | $.noop,默认一个空函数 |
三、拓展方法
方法名 | 描述 | 注意事项 |
---|---|---|
$.mvalidateExtend | 该方法用来拓展一些输入域的验证,例如:data-validate=”phone”,那么我们就可以通过: $.mvalidateExtend({ |
phone:{
required : true,
pattern : /^0?1[3|4|5|8][0-9]\d{8}$/,
each:function(){
},
descriptions:{
required : '必填字段',
pattern : '请您输入正确的格式'
}
}
}); | |