基于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开发时的五个注意事项
Dec 08 Javascript
toString()一个会自动调用的方法
Feb 08 Javascript
JS的反射问题
Apr 07 Javascript
拖动布局之保存布局页面cookies篇
Oct 29 Javascript
jQuery源码中的chunker 正则过滤符分析
Jul 31 Javascript
JQuery入门—编写一个简单的JQuery应用案例
Jan 03 Javascript
AngularJS入门教程之AngularJS指令
Apr 18 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
Jun 07 Javascript
浅谈JavaScript 函数参数传递到底是值传递还是引用传递
Aug 23 Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 Javascript
webpack4打包vue前端多页面项目
Sep 17 Javascript
Layui给switch添加响应事件的例子
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
SONY ICF-SW55的电路分析
2021/03/02 无线电
Symfony页面的基本创建实例详解
2015/01/26 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
php实现每日签到功能
2018/11/29 PHP
javascript实现的使用方向键控制光标在table单元格中切换
2010/11/17 Javascript
基于jquery库的tab新形式使用
2012/11/16 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
jQuery手机拨号界面特效代码分享
2015/08/27 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
JavaScript基于对象去除数组重复项的方法
2016/10/09 Javascript
JS数组返回去重后数据的方法解析
2017/01/03 Javascript
fullPage.js和CSS3实现全屏滚动效果
2017/05/05 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
如何手写简易的 Vue Router
2020/10/10 Javascript
JS模拟实现京东快递单号查询
2020/11/30 Javascript
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
Python实现的基于优先等级分配糖果问题算法示例
2018/04/25 Python
Flask框架使用DBUtils模块连接数据库操作示例
2018/07/20 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
Python Opencv任意形状目标检测并绘制框图
2019/07/23 Python
在django-xadmin中APScheduler的启动初始化实例
2019/11/15 Python
Python爬虫爬取微信朋友圈
2020/08/06 Python
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
浙江文明网签名寄语
2014/01/18 职场文书
办公室主任先进事迹
2014/01/18 职场文书
优秀共产党员先进事迹
2014/01/27 职场文书
中层干部培训方案
2014/06/16 职场文书
乡镇党委书记个人整改措施
2014/09/15 职场文书
优秀员工事迹材料
2014/12/20 职场文书
义诊活动通知
2015/04/24 职场文书
导游词之台湾安平古堡
2019/12/25 职场文书