基于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 在线压缩和格式化收藏
Jan 16 Javascript
js冒泡法和数组转换成字符串示例代码
Aug 14 Javascript
jquery实现平滑的二级下拉菜单效果
Aug 26 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
js拖拽的原型声明和用法总结
Apr 04 Javascript
jQuery中delegate()方法的用法详解
Oct 13 Javascript
AngularJs ng-change事件/指令的用法小结
Nov 01 Javascript
Angular4 反向代理Details实践
May 30 Javascript
Node.js 进程平滑离场剖析小结
Jan 24 Javascript
新手入门带你学习JavaScript引擎运行原理
Jun 24 Javascript
Vue数组响应式操作及高阶函数使用代码详解
Aug 01 Javascript
vue 根据选择的月份动态展示日期对应的星期几
Feb 06 Vue.js
基于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 计算代码执行耗时的代码修正网上普遍错误
2011/05/14 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
php实现短信发送代码
2015/07/05 PHP
yii2 modal弹窗之ActiveForm ajax表单异步验证
2016/06/13 PHP
PHP微信网页授权的配置文件操作分析
2019/05/29 PHP
PHP实现新型冠状病毒疫情实时图的实例
2020/02/04 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
js replace正则表达式应用案例讲解
2013/01/17 Javascript
jquery 无限级联菜单案例分享
2013/03/26 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
moment.js轻松实现获取当前日期是当年的第几周
2015/02/05 Javascript
Easyui Treegrid改变默认图标的方法
2016/04/29 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
canvas绘制环形进度条
2017/02/23 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
vue实现倒计时获取验证码效果
2020/04/17 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
vue+springboot+element+vue-resource实现文件上传教程
2020/10/21 Javascript
python中from module import * 的一个坑
2014/07/20 Python
Python os模块中的isfile()和isdir()函数均返回false问题解决方法
2015/02/04 Python
python对excel文档去重及求和的实例
2018/04/18 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
python绘制立方体的方法
2018/07/02 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
Django values()和value_list()的使用
2020/03/31 Python
Python操作Excel把数据分给sheet
2020/05/20 Python
美国艺术和工艺品商店:Hobby Lobby
2020/12/09 全球购物
关爱留守儿童标语
2014/06/18 职场文书
理财学专业自荐书
2014/06/28 职场文书
购房公证委托书(2014版)
2014/09/12 职场文书
违章停车检讨书
2014/10/21 职场文书
国际贸易实训报告
2014/11/05 职场文书
八月迷情观后感
2015/06/11 职场文书
JavaScript中isPrototypeOf函数
2021/11/07 Javascript