基于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 相关文章推荐
js中的window.open返回object的错误的解决方法
Aug 15 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
js实现图片放大展示效果
Aug 30 Javascript
JavaScript伪数组用法实例分析
Dec 22 Javascript
Vue中的无限加载vue-infinite-loading的方法
Apr 08 Javascript
JavaScript中concat复制数组方法浅析
Jan 20 Javascript
详解vue挂载到dom上会发生什么
Jan 20 Javascript
js实现漂亮的星空背景
Nov 01 Javascript
js实现左右轮播图
Jan 09 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 Javascript
vue和H5 draggable实现拖拽并替换效果
Jul 29 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.MVC的模板标签系统(二)
2006/09/05 PHP
PHP 中执行排序与 MySQL 中排序
2009/04/21 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
jQuery 名称冲突的解决方法
2011/04/08 Javascript
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
node.js cookie-parser之parser.js
2016/06/06 Javascript
浅析Node.js实现HTTP文件下载
2016/08/05 Javascript
jQuery插件扩展实例【添加回调函数】
2016/11/26 Javascript
ES6新特性四:变量的解构赋值实例
2017/04/21 Javascript
用Vue.extend构建消息提示组件的方法实例
2017/08/08 Javascript
vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
2018/03/01 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
Node.js API详解之 assert模块用法实例分析
2020/05/26 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
python字符串排序方法
2014/08/29 Python
Scrapy使用的基本流程与实例讲解
2018/10/21 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
python使用Plotly绘图工具绘制柱状图
2019/04/01 Python
详解用python生成随机数的几种方法
2019/08/04 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
tensorflow 动态获取 BatchSzie 的大小实例
2020/06/30 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
个人素质的自我评价分享
2013/12/16 职场文书
园林毕业生自我鉴定范文
2013/12/29 职场文书
计算机学生的自我评价分享
2014/02/18 职场文书
小学老师寄语大全
2014/04/04 职场文书
《水上飞机》教学反思
2014/04/10 职场文书
企业总经理任命书
2014/06/05 职场文书
副校长竞聘演讲稿
2014/09/01 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
CSS3通过var()和calc()函数实现动画特效
2021/03/30 HTML / CSS
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers