基于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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
15条JavaScript最佳实践小结
Aug 09 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
使用js复制链接中的部分文字的方法
Jul 30 Javascript
jQuery右下角旋转环状菜单特效代码
Aug 10 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
学习Angularjs分页指令
Jul 01 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 Javascript
JQuery复选框全选效果如何实现
May 08 jQuery
在 HTML 页面中使用 React的场景分析
Jan 18 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
Thinkphp模板中使用自定义函数的方法
2012/09/23 PHP
PHP实现HTML生成PDF文件的方法
2014/11/07 PHP
mac下多个php版本快速切换的方法
2016/10/09 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
thinkphp5 migrate数据库迁移工具
2018/02/20 PHP
javascript mouseover、mouseout停止事件冒泡的解决方案
2009/04/07 Javascript
JavaScript 定义function的三种方式小结
2009/10/16 Javascript
JQuery实现表格中相同单元格合并示例代码
2013/06/26 Javascript
js获取select标签的值且兼容IE与firefox
2013/12/30 Javascript
jQuery异步加载数据并添加事件示例
2014/08/24 Javascript
JavaScript控制table某列不显示的方法
2015/03/16 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
浅析javascript的return语句
2015/12/15 Javascript
jQuery技巧之让任何组件都支持类似DOM的事件管理
2016/04/05 Javascript
一个例子轻松学会Vue.js
2017/01/02 Javascript
详解vue-cli 脚手架项目-package.json
2017/07/04 Javascript
分析JavaScript数组操作难点
2017/12/18 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
微信小程序request请求封装,验签代码实例
2019/12/04 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
[01:51]DAC趣味视频-如何成为职业选手.mp4
2017/04/02 DOTA
Using Django with GAE Python 后台抓取多个网站的页面全文
2016/02/17 Python
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
node.js获取参数的常用方法(总结)
2017/05/29 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
Speedo美国:澳大利亚顶尖泳衣制造商
2016/08/03 全球购物
优秀教师获奖感言
2014/01/31 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
就业导师推荐信范文
2015/03/27 职场文书
外出听课学习心得体会
2016/01/15 职场文书
教你怎么用Python selenium操作浏览器对象的基础API
2021/06/23 Python
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers