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

所属分类：输入-验证

36081 336 查看评论 (3)

分享到微信朋友圈

查看演示立即下载

插件描述：原生JS，表单验证，可扩展，简单易用

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

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

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

4，验证姓名class名：oChxm

5，验证手机号class名：oChphone

6，验证QQ号class名：oChQQ

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

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

验证

40345 354

用户无需写一行JS验证代码，只需在要验证的表单中加入相应的验证属性即可，让验证功能易维护，可扩展，更容易上手。

验证

53677 356

移动端拼图验证登录界面（手机端，不兼容pc）

验证

45241 331

用户滑动拖拽图片验证登录加注册

验证

61233 424

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";这样就好多了

😃

😃

取消回复