时间:2021-05-25
如果你不需要做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/
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了jquery简易手风琴插件的封装代码,供大家参考,具体内容如下理论基础:基于jquery封装插件,首先我们要清楚封装的代码应该写在哪里?毫无
首先学习使用jQuery表单验证插件:1.Jquery表单验证插件—Validation的学习与使用(1)Validation的验证有几种规则,一是在class
BootstrapValidator是为Bootstrap3设计的一款表单验证jQuery插件,非常适合基于Bootstrap框架的网站。看作者的github,
jquery验证非常简单,下面总结常用的三种方式:第一种方式:也是比较标准的方式:首先引入jquery插件和jquery验证插件:第一步:引入插件复制代码代码如
bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件。该jQuery插件基于TwitterBootstrap