读书人

轻量级的jQuery表单证验插件 - HAPPY.

发布时间: 2012-11-23 22:54:33 作者: rapoo

轻量级的jQuery表单验证插件 - HAPPY.js

日期:2012-9-14??来源:GBin1.com

轻量级的jQuery表单证验插件 - HAPPY.js

在线演示? 本地下载

?

功能强大的表单验证插件很多,以前我们介绍过validation engine,但是如果你希望使用简单轻量级的表单验证插件的话,你可以考虑使用HAPPY.js。

主要特性支持jQuery和Zepto.js使用简单,支持日期,数字,电子邮件,最大/最小数和手机号码等验证拥有很多自定义的选项支持IE6-8,FF3.6,Chrome7和safari5如何使用

HTML代码:

<form id="login" action="index.html"><div type="text" placeholder="Your email" name="login"><input id="loginPassword" type="password" placeholder="Your password" name="password"><div 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

读书人网 >JavaScript

热点推荐