基于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 定义初始化数组函数
Sep 07 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
分享9个最好用的JavaScript开发工具和代码编辑器
Mar 24 Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
vue 不使用select实现下拉框功能(推荐)
May 17 Javascript
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
详解JS浏览器事件循环机制
Mar 27 Javascript
vue的webcamjs集成方式
Nov 16 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截取utf-8中文字符串乱码的解决方法
2010/03/29 PHP
PHP原理之异常机制深入分析
2010/08/08 PHP
php调用mysql数据 dbclass类
2011/05/07 PHP
APACHE的AcceptPathInfo指令使用介绍
2013/01/18 PHP
探讨如何使用SimpleXML函数来加载和解析XML文档
2013/06/07 PHP
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
JS小游戏之极速快跑源码详解
2014/09/25 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
JS日期加减,日期运算代码
2015/11/05 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
2016/10/14 Javascript
浅谈jquery的html方法里包含特殊字符的处理
2016/11/30 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
js实现图片跟随鼠标移动效果
2019/10/16 Javascript
js实现登录时记住密码的方法分析
2020/04/05 Javascript
基于js实现判断浏览器类型代码实例
2020/07/17 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
Python重新引入被覆盖的自带function
2014/07/16 Python
使用python编写脚本获取手机当前应用apk的信息
2014/07/21 Python
Python 中开发pattern的string模板(template) 实例详解
2017/04/01 Python
tensorflow实现简单逻辑回归
2018/09/07 Python
实例讲解Python中浮点型的基本内容
2019/02/11 Python
Django ORM 查询管理器源码解析
2019/08/05 Python
TensorFlow-gpu和opencv安装详细教程
2020/06/30 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
资生堂英国官网:Shiseido英国
2020/12/30 全球购物
毕业生实习期转正自我鉴定
2014/09/26 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
导游词之山东孔庙
2019/11/04 职场文书
关于Nginx中虚拟主机的一些冷门知识小结
2022/03/03 Servers
python和anaconda的区别
2022/05/06 Python