• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

efri-yang/mobileValidate: 移动端表单验证控件(适用于jquery和zepto)

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

efri-yang/mobileValidate

开源软件地址(OpenSource Url):

https://github.com/efri-yang/mobileValidate

开源编程语言(OpenSource Language):

JavaScript 87.5%

开源软件介绍(OpenSource Introduction):

mobileValidate

mobileValidate是一款针对移动端的表单验证控件,充分考虑到移动端屏幕和空间大小的情况下,它提供了两种表单的验证提示方式,基本满足日常表单的验证需求!查看demo

目录

特性

  1. 通过 data-* 的方式来来决定表单是否需要验证,验证类型
  2. 通过 mvalidateExtend 方法提供自定义拓展验证方式
  3. 不同于其他的表单验证,该控件在用户初次输入的时候(keyup事件)是不进行验证的,这样的方式更符合用户的使用习惯

调用方式

$(form).mvalidate({
    type:1,
    validateInSubmit:true
})

参数

参数 类型 描述 默认值
type Number 验证类型,类型1:弹出提示信息,类型2:未通过验证的表单下面显示提示文字 1
validateInSubmit Boolean 点击"提交"按钮的时候是否要对表单进行验证 true
sendForm Boolean 表单通过验证的时候,是否需要提交表单 true
onKeyup Boolean 输入放开键盘的时候,是否需要验证 false
firstInvalidFocus Boolean 未通过验证的第一个表单元素,是否要获取焦点 true
conditional Object 输入域通过data-conditional="name"对应到conditional中属性等于name的函数 {}
descriptions Object 输入域通过data-descriptions="name"对应到descriptions中属性名等于name的函数 {}
eachField Function 输入域在执行验证之前触发该函数 {}
eachInvalidField Function 所有未通过验证的表单输入域触发该函数 $.noop
eachValidField Function 所有的通过验证的表单输入域触发该函数 $.noop
valid Function 点击“提交”按钮的时候,若表单通过验证,就触发该函数! $.noop
invalid Function 点击“提交”按钮的时候,若表单未通过验证,就触发该函数! $.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 : '请您输入正确的格式'
        }
    }
});



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap