轻量级的jQuery表单验证插件 - HAPPY.js
2012-09-14 13:51
525 查看
日期:2012-9-14 来源:GBin1.com
在线演示
本地下载
功能强大的表单验证插件很多,以前我们介绍过validation
engine,但是如果你希望使用简单轻量级的表单验证插件的话,你可以考虑使用HAPPY.js。
使用简单,支持日期,数字,电子邮件,最大/最小数和手机号码等验证
拥有很多自定义的选项
支持IE6-8,FF3.6,Chrome7和safari5
Javascript代码:
如果出错了的话,会添加一个<span>到输入框前面,并且添加class=“unhappyMessage”,你可以充分自定义。
是不是很简单,只需要定义表单名称和对应的输入框验证选项,希望大家喜欢这个小巧的jQuery表单验证类库!如果你有问题和建议,请给我们留言!
来源:轻量级的jQuery表单验证插件 - HAPPY.js
在线演示
本地下载
功能强大的表单验证插件很多,以前我们介绍过validation
engine,但是如果你希望使用简单轻量级的表单验证插件的话,你可以考虑使用HAPPY.js。
主要特性
支持jQuery和Zepto.js使用简单,支持日期,数字,电子邮件,最大/最小数和手机号码等验证
拥有很多自定义的选项
支持IE6-8,FF3.6,Chrome7和safari5
如何使用
HTML代码:<form id="login" action="index.html"> <div class="loginPic"> <input id="loginEmail" class="loginEmail" type="text" placeholder="Your email" name="login"> <input id="loginPassword" class="loginPassword" type="password" placeholder="Your password" name="password"> <div class="logControl"> <input class="buttonM bBlue" type="submit" value="Login" name="submit"> <div class="clear"></div> </div> </div> </form>
Javascript代码:
$(function(){ $('#login').isHappy({ fields: { '#loginEmail': { required: true, message: 'Please enter your email' }, '#loginPassword': { required: true, message: 'Please enter password' } } }); });
如果出错了的话,会添加一个<span>到输入框前面,并且添加class=“unhappyMessage”,你可以充分自定义。
是不是很简单,只需要定义表单名称和对应的输入框验证选项,希望大家喜欢这个小巧的jQuery表单验证类库!如果你有问题和建议,请给我们留言!
来源:轻量级的jQuery表单验证插件 - HAPPY.js
相关文章推荐
- 轻量级的jQuery表单验证插件 - HAPPY.js
- 轻量级的jQuery表单验证插件 - HAPPY.js
- jquery表单验证插件 jquery.form.js
- jquery表单验证插件 jquery.form.js ------转载
- 表单验证插件jquery.validate.js 和 jquery.metadata.js
- jQuery插件——表单验证(jquery.validate.js)
- jQuery插件 -- 表单验证插件jquery.validate.js
- jquery表单验证插件 jquery.form.js
- jQuery插件 -- 表单验证插件jquery.validate.js
- jquery表单验证插件 jquery.form.js
- .jquery表单验证插件 jquery.form.js (转)
- Jquery.validate.js表单验证插件的使用
- jquery表单验证插件 jquery.form.js
- jquery 表单验证 jquery.validate.js验证插件
- KISSYUI的表单前端js验证和JQuery扩展插件Validate
- jQuery插件 -- 表单验证插件jquery.validate.js
- 快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
- jquery表单验证插件 jquery.form.js
- 轻量级实用JQuery表单验证插件:validateForm5
- jQuery插件 -- 表单验证插件jquery.validate.js