基于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 相关文章推荐
解读IE和firefox下JScript和HREF的执行顺序
Jan 12 Javascript
分享十五个最佳jQuery 幻灯插件和教程
Mar 27 Javascript
node.js中的console.time方法使用说明
Dec 09 Javascript
js实现数组转换成json
Jun 26 Javascript
js老生常谈之this,constructor ,prototype全面解析
Apr 05 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
Feb 09 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
Bootstrap Table列宽拖动的方法
Aug 15 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
vue spa应用中的路由缓存问题与解决方案
May 31 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(1)
2006/10/09 PHP
PHP人民币金额数字转中文大写的函数代码
2013/02/27 PHP
yii实现级联下拉菜单的方法
2014/07/31 PHP
php实现读取手机客户端浏览器的类
2015/01/09 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
javascript中的float运算精度实例分析
2010/08/21 Javascript
JavaScript中匿名、命名函数的性能测试
2014/09/04 Javascript
常用的jQuery前端技巧收集
2014/12/24 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
Js查找字符串中出现次数最多的字符及个数实例解析
2016/09/05 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
JavaScript实现动态增删表格的方法
2017/03/09 Javascript
nodeJS模块简单用法示例
2018/04/21 NodeJs
webpack公共组件引用路径简化小技巧
2018/06/15 Javascript
vue+eslint+vscode配置教程
2019/08/09 Javascript
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
python解析中国天气网的天气数据
2014/03/21 Python
python通过openpyxl生成Excel文件的方法
2015/05/12 Python
pandas 数据实现行间计算的方法
2018/06/08 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
解决python 3 urllib 没有 urlencode 属性的问题
2019/08/22 Python
python基于event实现线程间通信控制
2020/01/13 Python
python文件排序的方法总结
2020/09/13 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
PHP中如何创建和修改数组
2012/05/02 面试题
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上
2013/07/06 面试题
颁奖典礼主持词
2014/03/25 职场文书
班级文化建设标语
2014/06/23 职场文书
旅游专业毕业生自荐书
2014/06/30 职场文书
中学生纪念九一八事变演讲稿
2014/09/14 职场文书
房产证明范本
2015/06/19 职场文书
《我的长生果》教学反思
2016/02/20 职场文书
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers