基于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 09 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
JS数组(Array)处理函数整理
Dec 07 Javascript
纯CSS3代码实现滑动开关效果
Aug 19 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
详解js中==与===的区别
Jan 08 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
Jul 17 Javascript
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
深入理解 Koa 框架中间件原理
Oct 18 Javascript
ES6函数和数组用法实例分析
May 23 Javascript
html5中sharedWorker实现多页面通信的示例代码
May 07 Javascript
Vue-Element-Admin集成自己的接口实现登录跳转
Jun 23 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实现将任意进制数转换成10进制的方法
2015/04/17 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
tp5框架基于ajax实现异步删除图片的方法示例
2020/02/10 PHP
网上应用的一个不错common.js脚本
2007/08/08 Javascript
JQUBar 基于JQUERY的柱状图插件
2010/11/23 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
javascript列表框操作函数集合汇总
2013/11/28 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
jquery实现的3D旋转木马特效代码分享
2015/08/25 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
JS前端笔试题分析
2016/12/19 Javascript
详解nodejs通过代理(proxy)发送http请求(request)
2017/09/22 NodeJs
JavaScript实现全选取消效果
2017/12/14 Javascript
Node.js 使用jade模板引擎的示例
2018/05/11 Javascript
webstorm中配置nodejs环境及npm的实例
2018/05/15 NodeJs
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
JS原形与原型链深入详解
2020/05/09 Javascript
JS实现放大镜效果
2020/09/21 Javascript
vue实现按钮切换图片
2021/01/20 Vue.js
python进程管理工具supervisor使用实例
2014/09/17 Python
python添加菜单图文讲解
2019/06/04 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
pymysql模块使用简介与示例
2020/11/17 Python
Python使用pyenv实现多环境管理
2021/02/05 Python
最耐用行李箱,一箱永流传:Briggs & Riley(全球终身保修)
2017/12/07 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
庆元旦广播稿
2014/02/10 职场文书
签证工作证明模板
2015/06/15 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
如何在Mac上通过docker配置PHP开发环境
2021/05/29 PHP
使用Djongo模块在Django中使用MongoDB数据库
2021/06/20 Python