原生JS表单验证插件ocheck.js

所属分类:输入-验证

 34170  336  查看评论 (3)
分享到微信朋友圈
X
原生JS表单验证插件ocheck.js ie兼容6

1,使用简单只需要添加CLASS到input上即可。

2,使用时input后面跟个DIV或者span标签等都行,不能有空格!

3,可拓展性强,可自行DIY样式等,简单易懂。

4,验证姓名class名:oChxm

5,验证手机号class名:oChphone

6,验证QQ号class名:oChQQ

7,提交验证所有表单是否通过class名:oCheckSbumit


相关插件-验证

jQuery微信开放平台注册表单

jQuery微信开放平台注册表单是一款仿微信开放平台的选项卡带步骤的注册表单验证jQuery代码。
  验证
 52290  467

jQuery常用网站表单验证

可用于用户注册,网站留言等,有正在输入提示和失去焦点自动正则验证输入框内容
  验证
 37288  354

jQuery滑动验证可重置

登陆页面用到验证的一种方式,滑动验证。预防代码恶意破坏也可用于重置密码获取短信验证码等。只是纯前端校验,相比图片滑动验证还是稍显劣势。
  验证
 19739  239

jQuery图片滑块验证(附注释)

jQuery拖拽拼图滑块验证
  验证
 22230  237

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    CMS 0
    2018/2/8 17:23:23
    支持正则就好了
    回复
    开挂的男人 0
    2017/8/3 17:19:13

    然并卵  。 容易失去效果 , 中间多加了几个其他的元素就会无效 。一旦Input输入框里面多加了几个class 也 没设那么卵用

    回复
    等一个未来 1
    2016/12/23 15:12:08

    这个插件不能用,input如果有多个class就会有问题。getByClass这个函数存在bug,具体这句话

    if (aEle[i].className == s) {
        arr.push(aEle[i])
    }

    这样的话,class="oChxm a"就匹配不了了,虽然一个class的时候没有什么问题,但这样扩展性太不好了,其实你可以把参数写在自定义属性里面data-xxx = "xxxx";这样就好多了 

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复