基于jquery的simpleValidate简易验证插件


Posted in Javascript onJanuary 31, 2014

如果你不需要做onfocus和onblur的即时验证,如果你不想对每个表格都通过JS定义验证规则,如果你只需要在提交的时候进行一次验证和反馈,如果你喜欢简约的代码结构,我觉得simpleValidate是不错的选择。

从关注度和下载量来看,这插件并不怎么受欢迎,不过不要紧,它是我的菜。
下载地址在最下边,开源的,DEMO很详细,相当容易上手。
原版不支持IE,原因是JSON的逗号和length是保留字的问题,修复方法就是把所有“}”前不必要的逗号删掉,变量length改用其他变量名,我改了一个,并对提示内容进行了汉化,目前正在使用,暂未发现其他BUG,下载地址:jquery.simple.validation.js

定义 data-rules 属性:
用井号“#”区分多个验证规则,用加号“+”附带验证对比值,用横杠“-”附带反馈项目标题,以下列一下基本写法

<input type="text" name="email" value="@" data-rules="邮箱-required#邮箱-valid_email" />
<input name="password" id="txt_pass" type="password" data-rules="密码-min_length+8#密码-max_length+16" />
<input name="password2" type="password" data-rules="确认密码-matches+txt_pass+密码" />

定义所有form在提交前都进行验证:

$('form').bind('submit',function(){
    var message=$(this).validate();
    if(message!==true){
        alert(message);
        return false;
    }
    return true;
});

项目开源地址:https://github.com/capucinno-lee/jquery-simple-validation
DEMO地址:http://demo.3water.com/js/2014/jquery_simple_validation/

Javascript 相关文章推荐
js操作checkbox遇到的问题解决
Jun 29 Javascript
jquery提交form表单简单示例分享
Mar 03 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
JS获取鼠标选中的文字
Aug 10 Javascript
解决Angular.Js与Django标签冲突的方案
Dec 20 Javascript
vue.js中过滤器的使用教程
Jun 08 Javascript
AngularJS 限定$scope的范围实例详解
Jun 23 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
vue给input file绑定函数获取当前上传的对象完美实现方法
Dec 15 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
Sep 20 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 #Javascript
jquery为页面增加快捷键示例
Jan 31 #Javascript
通过pjax实现无刷新翻页(兼容新版jquery)
Jan 31 #Javascript
jquery 页面滚动到底部自动加载插件集合
Jan 31 #Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 #Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 #Javascript
js实现俄罗斯方块小游戏分享
Jan 31 #Javascript
You might like
PHP新手上路(十四)
2006/10/09 PHP
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
解决微信授权回调页面域名只能设置一个的问题
2016/12/11 PHP
Yii框架实现图片上传的方法详解
2017/05/20 PHP
深入分析js中的constructor和prototype
2012/04/07 Javascript
javascript确认框的三种使用方法
2013/12/17 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
2013/12/29 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
jQuery修改DOM结构_动力节点Java学院整理
2017/07/05 jQuery
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
2018/05/09 jQuery
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
JavaScript深拷贝和浅拷贝概念与用法实例分析
2018/06/07 Javascript
浅析JS中什么是自定义react数据验证组件
2018/10/19 Javascript
用Fundebug插件记录网络请求异常的方法
2019/02/21 Javascript
浅谈JavaScript中this的指向更改
2020/07/28 Javascript
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Python getattr()函数使用方法代码实例
2020/08/10 Python
印度尼西亚在线时尚购物网站:ZALORA印尼
2016/08/02 全球购物
汉森批发:Hansen Wholesale
2018/05/24 全球购物
音乐表演专业毕业生求职信
2013/10/14 职场文书
升职自荐书范文
2013/11/28 职场文书
售后求职信范文
2014/03/15 职场文书
公司晚会主持词
2014/03/22 职场文书
3分钟英语演讲稿
2014/04/29 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
2014年国庆节演讲稿
2014/09/02 职场文书
2014年护理工作总结范文
2014/11/14 职场文书
支教个人总结
2015/03/04 职场文书
2015大一新生军训感言
2015/08/01 职场文书
详解Redis瘦身指南
2021/05/26 Redis
用Python爬取某乎手机APP数据
2021/06/15 Python
Redis如何实现分布式锁
2021/08/23 Redis