基于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 相关文章推荐
Mootools 1.2教程 定时器和哈希简介
Sep 15 Javascript
过虑特殊字符输入的js代码
Aug 05 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
jQuery自定义事件的简单实现代码
Jan 27 Javascript
打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)
Oct 11 Javascript
Javascript快速排序算法详解
Dec 03 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
一道面试题引发的对javascript类型转换的思考
Mar 06 Javascript
angular十大常见问题
Mar 07 Javascript
seajs实现强制刷新本地缓存的方法分析
Oct 16 Javascript
如何获取vue单文件自身源码路径
May 06 Javascript
JS+CSS实现过渡特效
Jan 02 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
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
php发送邮件的问题详解
2015/06/22 PHP
JavaScript中实现块作用域的方法
2010/04/01 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
javascript基本语法
2016/05/31 Javascript
js字符串操作总结(必看篇)
2016/11/22 Javascript
jQuery实现轮播图及其原理详解
2020/04/12 jQuery
Puppet的一些技巧
2018/09/17 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
2019/10/11 Javascript
Vue中通过vue-router实现命名视图的问题
2020/04/23 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
JavaScript实现动态生成表格
2020/08/02 Javascript
vuex的数据渲染与修改浅析
2020/11/26 Vue.js
[36:02]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第一局
2016/02/28 DOTA
python用装饰器自动注册Tornado路由详解
2017/02/14 Python
Python中常见的异常总结
2018/02/20 Python
python 读文件,然后转化为矩阵的实例
2018/04/23 Python
python模拟表单提交登录图书馆
2018/04/27 Python
python如何获取当前文件夹下所有文件名详解
2019/01/25 Python
python之array赋值技巧分享
2019/11/28 Python
django-xadmin根据当前登录用户动态设置表单字段默认值方式
2020/03/13 Python
Django ValuesQuerySet转json方式
2020/03/16 Python
Python视频编辑库MoviePy的使用
2020/04/01 Python
通过代码实例了解Python sys模块
2020/09/14 Python
花店创业计划书范文
2014/02/07 职场文书
数学教研活动总结
2014/07/02 职场文书
公司离职证明样本
2014/09/13 职场文书
2014年预备党员群众路线教育实践活动对照检查材料思想汇报
2014/10/02 职场文书
校园广播稿范文
2015/08/19 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书
导游词之襄阳古城
2019/09/27 职场文书