jQuery表单提交验证verify

所属分类:输入-验证

 42071  763  查看评论 (188)
jQuery表单提交验证verify ie兼容8

一套完整的用户注册前端校验,包含用户名,密码强度,显示隐藏密码,手机号输入控制手机验证码,真实姓名,身份证号等验证。

其中包含三个插件:

1、表单验证<使用说明如下>

功能说明:输入验证

使用方法:    

<input class="required" type="text" data-valid="isNonEmpty||isEmail" data-error="email不能为空||邮箱格式不正确" id="" />

1、需要验证的元素都加上【required】样式

2、@data-valid验证规则,验证多个规则中间用【||】隔开,更多验证规则,看rules和rule,后面遇到可继续增加

3、@data-error规则对应的提示信息,一一对应

js调用方法:

verifyCheck({
    formId:'verifyCheck', //<验证formId内class为required的元素
    onBlur:null, //<被验证元素失去焦点的回调函数>
    onFocus:null, //<被验证元素获得焦点的回调函数>
    onChange: null, //<被验证元值改变的回调函数>
    successTip: true, //<验证通过是否提示>
    resultTips:null, //<显示提示的方法,参数obj[当前元素],isRight[是否正确提示],value[提示信息]>
    clearTips:null, //<清除提示的方法,参数obj[当前元素]>
    code:true //<是否需要手机号码输入控制验证码及点击验证码倒计时,目前固定手机号码ID为phone,验证码两个标签id分别为time_box,resend,填写验证框id为code>
    phone:true //改变手机号时是否控制验证码>
})
$("#submit-botton").click(function(){  
    //<点击提交按钮时验证>
  if(!common.verify.btnClick()) return false;
});

2、倒计时插件<使用说明如下>

功能说明:倒计时插件

js调用方法:

countdown({
    maxTime:60,//倒计时最大值
    minTime:0,//倒计时最小值
    ing:function(c){},//每倒计时一秒返回函数
    after:function(){}//倒计时结束后返回函数
});

3、输入密码时显示或隐藏密码<使用说明如下>

功能说明:输入密码时显示或隐藏密码

js调用方法:

<span class="showpwd" data-eye="password"></span>

样式showpwd固定必须的,data-eye是要隐藏显示的文本框ID

togglePwd();
相关插件-验证

点击按钮获取验证码倒计时

这是一个基于jQuery的点击按钮获取验证码倒计时插件,这个插件在我们的开发中非常常用
  验证
 17209  105

jquery多功能表单验证

基于jquery封装的表单验证插件
  验证
 1162  18

简单易懂的jQuery表单验证插件

这是一款简单易懂的表单验证插件,没用使用任何多余的代码,使用时仅需引用jquery和jquery.validate.js
  验证
 9371  42

修改绑定手机号Tab切换样式时间线样式

时间线形式切换修改绑定手机号,第一步第二步第三步
  验证
 2161  43

讨论这个项目(188)回答他人问题或分享插件使用方法奖励jQ币

    诗(*_*)圣 0
    2018/4/11 16:50:51
    我刚刚点击下载,Q币也扣除了,怎么没有下载呢?
        诗(*_*)圣0
        2018/4/11 16:56:46
        有下载记录,但是从没看到下载呢?浏览器下载内容里面也没有,奇了怪了,给我发到1296791556@qq.com一份吧,谢谢!
    回复
    森七 0
    2018/4/9 16:11:39
    我点击验证码的“看不清 换一张” 为什么一直显示验证码不能为空
    回复
    jike_小黄 0
    2018/3/27 11:00:21
    我这有一份代码 934912625@qq.com 回复
    讲真的 0
    2018/3/23 11:16:06
    这个流程图可以用在其他地方吗,比如物流流程 回复
    gaoqiyang 0
    2018/1/8 17:45:00

    没有币求分享register.src.js文件,617467695@qq.com,

        gaoqiyang0
        2018/1/9 8:39:01
        没有jQ币获取register.src.js文件源码方式,直接在register.js文件中的函数eval(s)将s打印出来就可以看到源码了
    回复
    邈邈 0
    2017/12/21 19:59:24

    用户名重复性验证怎么写啊,求指教

        长得不帅心眼不坏0
        2018/3/2 17:24:04
        大神 可以发我一份么  18600772747@163.com  祝你发大财
        木心y~q0
        2018/3/12 10:01:50
        没有币,能分享一份吗?谢谢啦!1035236338@qq.com
    回复
    张振伟Sunshine 0
    2017/12/13 19:22:27

    有人能发我一份吗?没有币4

    695611125@qq.com

    回复
    _很伤心_ 0
    2017/11/29 11:47:36

    good

        邈邈0
        2017/11/29 14:57:08

        老哥求发一份

        1628454360@qq.com

        谢谢了

        小贵贵爱吃小沫沫+@_@^o^*^o^*0
        2017/12/11 12:47:09
        大神,求分享下代码,谢谢761567110@qq.com
        shi133180
        2018/1/11 16:20:38
        发我一份
        XWZ(=?ω?)?0
        2018/1/15 10:30:00

        你好,请问能不能分享一下代码,谢谢1150274723@qq.com

        丁汝丹0
        2018/2/1 15:16:30

        没有币

    回复
    TBGEEK 0
    2017/11/9 18:55:05

    不能自适应吗? /(ㄒoㄒ)/~~

        0
        2017/12/21 11:51:02
        大神,求分享下代码,谢谢835101067@qq.com
    回复
    0
    2017/10/10 22:04:53

    做得很好

        33oN ??120°E0
        2017/10/31 14:49:54
        大佬可以分享下吗。。没有J币 1393338540@qq.com
        邈邈0
        2017/11/29 16:36:47

        同求 1628454360@qq.com

        小贵贵爱吃小沫沫+@_@^o^*^o^*0
        2017/12/11 12:49:53
        大神,求分享下代码,谢谢761567110@qq.com
    回复
取消回复