基于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 相关文章推荐
jQuery创建自己的插件(自定义插件)的方法
Jun 10 Javascript
jquery实现每个数字上都带进度条的幻灯片
Feb 20 Javascript
js获取location.href的参数实例代码
Aug 02 Javascript
js调用图片隐藏&amp;显示实现代码
Sep 13 Javascript
jQuery select表单提交省市区城市三级联动核心代码
Jun 09 Javascript
js实现的早期滑动门菜单效果代码
Aug 27 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
JavaScript实现简单的树形菜单效果
Jun 23 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 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使用百度ping服务代码实例
2014/06/19 PHP
php htmlentities()函数的定义和用法
2016/05/13 PHP
PHP开发中csrf攻击的简单演示和防范
2017/05/07 PHP
PHP实现微信退款功能
2018/10/02 PHP
JS location几个方法小姐
2008/07/09 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
浅析BootStrap模态框的使用(经典)
2016/04/29 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
jQuery简单实现彩色云标签效果示例
2016/08/01 Javascript
jQuery简单实现MD5加密的方法
2017/03/03 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
js获取一组日期中最近连续的天数
2017/05/25 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
使用webpack构建应用的方法步骤
2019/03/04 Javascript
微信小程序 image组件遇到的问题
2019/05/28 Javascript
vue图片上传组件使用详解
2019/12/23 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
2020/01/16 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
jQuery实现倒计时功能完整示例
2020/06/01 jQuery
Python的Django框架中设置日期和字段可选的方法
2015/07/17 Python
Python对数据库操作
2016/03/28 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
对python中list的拷贝与numpy的array的拷贝详解
2019/01/29 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
美国婴童服装市场上的领先品牌:Carter’s
2018/02/08 全球购物
规划编制实施方案
2014/03/15 职场文书
大学活动总结格式
2014/04/29 职场文书
机房搬迁方案
2014/05/01 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
小学生手册家长意见
2015/06/03 职场文书
工作汇报材料难写?方法都在这里了!
2019/07/01 职场文书
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL