基于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的ajax功能实现的RSS Reader 代码
Sep 03 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
javascript算法题:求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Apr 01 Javascript
javascript实现炫酷的拖动分页
May 11 Javascript
BootStrap 附加导航组件
Jul 22 Javascript
Angular.js中$apply()和$digest()的深入理解
Oct 13 Javascript
canvas实现图像截取功能
Feb 06 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
js获取 gif 的帧数的代码实例
Sep 10 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 Javascript
js实现鼠标点击飘爱心效果
Aug 19 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
第十二节 类的自动加载 [12]
2006/10/09 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
php中header设置常见文件类型的content-type
2015/06/23 PHP
WordPress中给媒体文件添加分类和标签的PHP功能实现
2015/12/31 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
JavaScript类型系统之Object详解
2016/01/07 Javascript
JS原型对象的创建方法详解
2016/06/16 Javascript
javascript弹出带文字信息的提示框效果
2016/07/19 Javascript
详解ES6中的let命令
2020/04/05 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
RxJS的入门指引和初步应用
2019/06/15 Javascript
解决vue打包报错Unexpected token: punc的问题
2020/10/24 Javascript
Python获取单个程序CPU使用情况趋势图
2015/03/10 Python
python使用append合并两个数组的方法
2015/04/28 Python
python将list转为matrix的方法
2018/12/12 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
在OpenCV里实现条码区域识别的方法示例
2019/12/04 Python
Tensorflow累加的实现案例
2020/02/05 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
如何在django中运行scrapy框架
2020/04/22 Python
python3.7.3版本和django2.2.3版本是否可以兼容
2020/09/01 Python
Python自定义sorted排序实现方法详解
2020/09/18 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
在Python中实现字典反转案例
2020/12/05 Python
银行毕业实习自我鉴定
2013/09/19 职场文书
大学生的创业计划书就该这么写
2014/01/30 职场文书
优秀少先队员事迹材料
2014/12/24 职场文书
Python合并多张图片成PDF
2021/06/09 Python
vue使用Google Recaptcha验证的实现示例
2021/08/23 Vue.js
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android
Python中time标准库的使用教程
2022/04/13 Python