移动端表单验证控件(mobileValidate) 下载 GitHub

GitHub地址:https://github.com/efri-yang/mobileValidate

 

一、Demo
验证类型1
验证类型2
二、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 : '请您输入正确的格式'
        }
    }
});
                        

 

 

54条回应:“移动端表单验证控件(mobileValidate)”

  1. 笑傲江湖说道:

    不错,喜欢,刚好能用得上,一直在找,谢谢!

  2. 搁浅说道:

    怎么验证输入长度?
    maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
    minlength:10 输入长度最小是10的字符串(汉字算一个字符)
    rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串”)(汉字算一个字符)
    range:[5,10] 输入值必须介于 5 和 10 之间
    max:5 输入值不能大于5
    min:10 输入值不能小于10

  3. Deep说道:

    咋没提供下载呢

  4. ccx说道:

    里面没有js的文件阿

  5. javens说道:

    文本框变非活性化后,点击提交按钮,提示该元素不能为空。data-*在切换为非活性化时,属性已经移除了。

  6. 瞿嫣雯说道:

    你好,我想问一下为什么本地DEMO里看FORM标签里有个data-=”[object Object]”,而线上的DEMO里没有?

  7. Ba说道:

    采用弹出提示信息的方式,如何在非提交的时候触发验证啊?我尝试validateInSubmit: false,无法触发,还尝试将验证代码放到某个点击事件中,依然无法触发.所以特来请教

  8. 湮滅的風说道:

    请问这个form 中标签点击触发submit方法 还有其他什么情况没?

  9. 码农说道:

    maxlength:5 输入长度最多是5的字符串(汉字算一个字符)minlength:10 输入长度最小是10的字符串(汉字算一个字符)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串”)(汉字算一个字符)range:[5,10] 输入值必须介于 5 和 10 之间max:5 输入值不能大于5min:10 输入值不能小于10楼上说的这些 里面没有吗?

    • 散崖说道:

      没有需要自己拓展

      • 码农说道:

        请问$.mvalidateExtend({ phone:{ required : true, pattern : /^0?1[3|4|5|8][0-9]d{8}$/, each:function(){ }, descriptions:{ required : ‘必填字段’, pattern : ‘请您输入正确的格式’ } }}); 这个each:function(){ } 里面是写什么内容呢,来验证什么,能写ajax吗

  10. 七爸爸说道:

    你好我想问下conditional不可以用带参数的函数吗。

  11. 无止境说道:

    哥们,我添加验证checkbox,一直验证不通过 ComplaintType: { required: ‘this field is required’ },我把你favourite的名字ComplaintType这个的方法 favourite:{ required : ‘请选择个人爱好’ },

  12. 徐启航说道:

    为什么连上js,css文件之后页面加载速度很慢

  13. brook说道:

    可以拓展ajax验证么?

  14. 黄子豪说道:

    不错,赞一个

  15. 快打包说道:

    能否加个邮箱验证?

  16. 偏执小妞-说道:

    我有个输入域是隐藏的,想要在他隐藏时不验证 显示时验证,应该怎么设置呢?谢谢

  17. zhn说道:

    binbin

  18. wy说道:

    请问某个字段可以为空,但如果填了数据我想验证数据是否正确,这个该怎么设置?

  19. 慢杨杨说道:

    怎么在验证之后调用js,而不调用表单里面action方法

  20. 葛聪说道:

    请问要验证input输入的长度咋验证?

  21. ddcat说道:

    请问:表单里有需要append的input,增加以后,却无法验证

  22. 李青政说道:

    我要在password 中 添加密码位数限定 咋办

  23. 新用户674045说道:

    @黯然过客, 上述psd文件无法直接开启问题已解决。主要是因为我把下载的软件从桌面移动到了程序文件中。解决办法,在注册表中的””root””中找到photoshop.psd,然后点开shell下open的command值,确认该值中的软件位置是否和目前你保存

  24. 学渣说道:

    验证单个元素怎么写?

发表评论

交换友情链接