基于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 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
JavaScript中使用Substring删除字符串最后一个字符
Nov 03 Javascript
js通过八个点 拖动改变div大小的实现方法
Mar 05 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
May 23 Javascript
使用node.js半年来总结的 10 条经验
Aug 18 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
May 25 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
详解用vue.js和laravel实现微信授权登陆
Jun 23 Javascript
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
解决angularjs WdatePicker ng-model的问题
Sep 13 Javascript
小程序兼容安卓和IOS数据处理问题及坑
Sep 18 Javascript
React 并发功能体验(前端的并发模式)
Jul 01 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
一个简单实现多条件查询的例子
2006/10/09 PHP
Uchome1.2 1.5 代码学习 common.php
2009/04/24 PHP
jQuery生成asp.net服务器控件的代码
2010/02/04 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
AngularJS中的缓存使用
2017/01/11 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
老生常谈jacascript DOM节点获取
2017/04/17 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
2017/08/14 Javascript
JavaScript实现简单评论功能
2017/08/17 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
vue如何通过id从列表页跳转到对应的详情页
2018/05/01 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
2018/11/05 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
[01:59]深扒TI7聊天轮盘语音出处 1
2017/05/11 DOTA
使用Python写一个小游戏
2018/04/02 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
深入了解Python iter() 方法的用法
2019/07/11 Python
英国最大的体育&时尚零售公司:JD Sports
2017/12/13 全球购物
九州传奇上机题
2014/07/10 面试题
自我鉴定怎么写
2014/01/12 职场文书
物业总经理岗位职责
2014/02/28 职场文书
环保公益广告语
2014/03/13 职场文书
分层教学实施方案
2014/03/19 职场文书
软件项目实施计划书
2014/05/02 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
营销学习心得体会
2014/09/12 职场文书
授权委托书范本(单位)
2014/09/28 职场文书
淘宝客服专员岗位职责
2015/04/07 职场文书
地雷战观后感
2015/06/09 职场文书
毕业证明模板
2015/06/19 职场文书
2016寒假社会实践心得体会范文
2015/10/09 职场文书
2016年记者节感言
2015/12/08 职场文书
一文弄懂MySQL索引创建原则
2022/02/28 MySQL
教你在 Java 中实现 Dijkstra 最短路算法的方法
2022/04/08 Java/Android