手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于jquery的simpleValidate简易验证插件
基于jquery的simpleValidate简易验证插件
摘要:如果你不需要做onfocus和onblur的即时验证,如果你不想对每个表格都通过JS定义验证规则,如果你只需要在提交的时候进行一次验证和反馈...

如果你不需要做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的simpleValidate简易验证插件】相关文章:

分享十五款 jQuery 社交网络分享插件

基于jQuery插件实现环形图标菜单旋转切换特效

jquery实现用户打分评分特效

基于zepto的移动端轻量级日期插件--date

JQuery boxy插件在IE中边角图片不显示问题的解决

基于Web标准的UI组件 — 树状菜单(2)

jquery插件validation实现验证身份证号等

accesskey 提交

jQuery封装的tab选项卡插件分享

10条建议帮助你创建更好的jQuery插件

精品推荐
分类导航