MobileValidate验证表格详细文档说明
一直有博客,但是都没有好写过。给自己个回忆,老了还能看看曾经的自己走过的学习的脚步。
下面是我的博文知识:
MobileValidate验证说明文档
参数 | 描述 | 默认值 |
---|---|---|
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”,那么我们就可以通过: |
phone:{
required : true,
pattern : /^0?1[3|4|5|8][0-9]\d{8}$/,
each:function(){
},
descriptions:{
required : '必填字段',
pattern : '请您输入正确的格式'
}
}
});
Dome:
文字说明
MobileValidate
是一款针对移动端的表单验证控件,充分考虑到移动端屏幕和空间大小的情况下,它提供了两种表单的验证提示方式,基本满足日常表单的验证需求!它具有:通过 data-* 的方式来来决定表单是否需要验证,验证类型
通过 mvalidateExtend 方法提供自定义拓展验证方式
不同于其他的表单验证,该控件在用户初次输入的时候(keyup事件)是不进行验证的,这样的方式更符合用户的使用习惯
Markdown 快捷键说明:
- 加粗 `Ctrl + B`
- 斜体 `Ctrl + I`
- 引用 `Ctrl + Q`
- 插入链接 `Ctrl + L`
- 插入代码 `Ctrl + K`
- 插入图片 `Ctrl + G`
- 提升标题 `Ctrl + H`
- 有序列表 `Ctrl + O`
- 无序列表 `Ctrl + U`
- 横线 `Ctrl + R`
- 撤销 `Ctrl + Z`
- 重做 `Ctrl + Y`