基于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 相关文章推荐
Opacity.js
Jan 22 Javascript
js 蒙版进度条(结合图片)
Mar 10 Javascript
JavaScript prototype属性深入介绍
Nov 27 Javascript
jQuery Form 页面表单提交的小例子
Nov 15 Javascript
js控制input输入字符解析
Dec 27 Javascript
JS+JSP checkBox 全选具体实现
Jan 02 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
使用jquery操作session方法分享
Jan 22 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
Mar 03 Javascript
详解webpack+angular2开发环境搭建
Jun 28 Javascript
vue回到顶部监听滚动事件详解
Aug 02 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
极典R601SW收音机
2021/03/02 无线电
php4的session功能评述(一)
2006/10/09 PHP
PHP+FLASH实现上传文件进度条相关文件 下载
2007/07/21 PHP
PHP配置ZendOpcache插件加速
2019/02/14 PHP
IE php关于强制下载文件的代码
2008/08/23 Javascript
jQuery 连续列表实现代码
2009/12/21 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
利用jQuery插件扩展识别浏览器内核与外壳的类型和版本的实现代码
2011/10/22 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
js计算精度问题小结
2013/04/22 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
js实现页面跳转的五种方法推荐
2016/03/10 Javascript
基于BootStrap Metronic开发框架经验小结【五】Bootstrap File Input文件上传插件的用法详解
2016/05/12 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
2020/02/07 Javascript
微信小程序 button样式设置为图片的方法
2020/06/19 Javascript
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
[51:53]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第二场 1月24日
2021/03/11 DOTA
Python中的迭代器与生成器高级用法解析
2016/06/28 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
使用Python快乐学数学Github万星神器Manim简介
2019/08/07 Python
python GUI库图形界面开发之PyQt5信号与槽事件处理机制详细介绍与实例解析
2020/03/08 Python
详解python百行有效代码实现汉诺塔小游戏(简约版)
2020/10/30 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
施华洛世奇巴西官网:SWAROVSKI巴西
2019/12/03 全球购物
智能室内花园:Click & Grow
2021/01/29 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
揠苗助长教学反思
2014/02/04 职场文书
精神文明单位申报材料
2014/05/02 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
想要创业,那么你做好准备了吗?
2019/07/01 职场文书
python使用tkinter实现透明窗体上绘制随机出现的小球(实例代码)
2021/05/17 Python