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

所属分类:输入-验证

 34233  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拼图滑块验证

仿B站登录拼图滑块验证,代码结构清晰注释全。
  验证
 48161  514

级联依赖/验证

用于angularjs实现
  验证
 30133  329

jQuery注册表单验证

jQuery常见注册表单 包括表单验证、生日选择、邮箱自动补全、密码可见性与重复密码的验证等
  验证
 64760  577

jQueryCSS3分步骤注册表单切换动画在线演示

jQueryCSS3分步骤注册表单切换动画在线演示
  验证
 43531  478

讨论这个项目(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";这样就好多了 

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