基于jquery的simpleValidate简易验证插件

更新时间：2014年01月31日 21:48:29 作者：

简易验证插件simpleValidate使用心得，基于JQuery，修改小BUG后能兼容各浏览器，附自用版本供下载

如果你不需要做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.jb51.net/js/2014/jquery_simple_validation/

您可能感兴趣的文章:

jquery图片播放浏览插件prettyPhoto使用详解
这篇文章主要详细介绍了jquery图片播放浏览插件prettyPhoto使用方法，以及支持的每种类型的详细示例，非常的不错，有需要的小伙伴参考下
2014-12-12
jquery动态添加带有样式的HTML标签元素方法
下面小编就为大家分享一篇jquery动态添加带有样式的HTML标签元素方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-02-02
JQuery CheckBox（复选框）操作方法汇总
这篇文章主要介绍了JQuery CheckBox（复选框）操作方法汇总,本文讲解了获取单个checkbox选中项、获取多个checkbox选中项、设置第一个checkbox 为选中值、设置最后一个checkbox为选中值等内容,需要的朋友可以参考下
2015-04-04
jQuery 验证插件 Web前端设计模式(asp.net)
asp.net下用户注册页面的验证代码，花了点时间将验证做成一个jQuery插件，希望对需要的朋友有所帮助。
2010-10-10
基于jQuery使用Ajax动态执行模糊查询功能
这篇文章主要介绍了基于jQuery使用Ajax动态执行模糊查询功能,通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-07-07
jQuery 网易相册鼠标移动显示隐藏效果实现代码
显示隐藏效果的实现主要是jquery层选择器的应用：当鼠标移动经过照片就显示设为封面删除，移开后就隐藏，此效果在web开发中经常会用到，感兴趣的朋友可以参考下哈
2013-03-03
jquery $.each() 使用小探
jquery each想必大家对此并不陌生吧，它的使用范围还是比较广泛的，下面与大家分享个示例来介绍jquery each的使用方法，感兴趣的朋友可以参考下，希望对大家有所帮助
2013-08-08
JQuery中解决重复动画的方法
本篇文章主要介绍了JQuery中解决重复动画的办法，有分别有图片滚动轮播，回到页面顶部，联级菜单滑出，手风琴等效果，有需要的朋友可以来看一下。
2016-10-10
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
多行滚动jQuery循环新闻列表代码包括以下功能:鼠标滑上焦点图时停止自动播放/滑出时开始自动播放以及判断执行横向或纵向滚动,感兴趣的朋友可以了解下哦
2013-01-01
jQuery进阶实践之利用最优雅的方式如何写ajax请求
ajax请求相信对大家来说都不陌生，下面这篇文章主要介绍了jQuery进阶实践之利用最优雅的方式如何写ajax请求的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧。
2017-12-12