此资源来着于网上

移动端表单验证控件(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({
  1. phone:{
  2. required : true,
  3. pattern : /^0?1[3|4|5|8][0-9]\d{8}$/,
  4. each:function(){
  5. },
  6. descriptions:{
  7. required : '必填字段',
  8. pattern : '请您输入正确的格式'
  9. }
  10. }

}); | |