基于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 相关文章推荐
用javascript实现页面打印的三种方法
Mar 05 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
Jan 07 Javascript
jQuery中nextUntil()方法用法实例
Jan 07 Javascript
js实现浏览器窗口大小被改变时触发事件的方法
Feb 02 Javascript
基于jQuery.Hz2Py.js插件实现的汉字转拼音特效
May 07 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
你有必要知道的25个JavaScript面试题
Dec 29 Javascript
JS修改地址栏参数实例代码
Jun 14 Javascript
基于jQuery实现火焰灯效果导航菜单
Jan 04 Javascript
Bootstrap Scrollspy源码学习
Mar 02 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操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
prototype与jquery下Ajax实现的差别
2009/09/13 Javascript
js 动态选中下拉框
2009/11/26 Javascript
一个XML格式数据转换为图表的例子
2010/02/09 Javascript
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
Nodejs学习笔记之入门篇
2015/04/16 NodeJs
JS实现的简易拖放效果示例
2016/12/29 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
nodejs初始化init的示例代码
2018/10/10 NodeJs
详解ES6 Symbol 的用途
2018/10/14 Javascript
Echarts之悬浮框中的数据排序问题
2018/11/08 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
vue实现搜索功能
2019/05/28 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
微信小程序实现滑动翻页效果(完整代码)
2019/12/06 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
python进程类subprocess的一些操作方法例子
2014/11/22 Python
python监控文件并且发送告警邮件
2018/06/21 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
pyCharm 实现关闭代码检查
2020/06/09 Python
Python ellipsis 的用法详解
2020/11/20 Python
海滩咖啡馆:Beach Cafe
2018/02/02 全球购物
德国购买门票网站:ADticket.de
2019/10/31 全球购物
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
PHP面试题及答案一
2012/06/18 面试题
怎样让char类型的东西转换成int类型
2013/12/09 面试题
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
村级四风对照检查材料
2014/08/24 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
PyMongo 查询数据的实现
2021/06/28 Python
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers