轻量级的jQuery表单验证插件

为什么80%的码农都做不了架构师？>>>

日期：2012-9-14 来源：GBin1.com

在线演示本地下载

功能强大的表单验证插件很多，以前我们介绍过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

转载于:https://my.oschina.net/gbin1/blog/78554

轻量级的jQuery表单验证插件 - HAPPY.js相关推荐

轻量级的jQuery表单校验插件: Happy.js
当前已经有许多jQuery表单校验插件,并且有些也很不错,但这些插件功能太强大,使用比较复杂.如果你想找一个简单点的插件 Happy.js 刚好是一个很好的选择. 这个插件是轻量级的,所以只支持一些输 ...
一款比较实用齐全的jQuery 表单验证插件
一款比较实用,并且验证类型齐全的jQuery表单验证插件.英文版原作者@Vanadium,由我做中文整理.E文水平有限,如果翻译的有问题的,请大家指出,在此感谢~ 可以验证哪些? 文字,日期,邮箱,网 ...
jQuery 表单验证插件，jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
jQuery 表单验证插件 jQuery Validation Engine 使用
jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...
12个方便易用的jquery表单验证插件
绝大部分网站都是开放注册的,而注册就需要使用表单验证,因为网站都需要对注册用户的信息安全性和合理性做出判断,表单的注册都应该具备完善的验证方式,比如注册使用的手机号是否是真实的?用户填写的验证码是否正 ...
jQuery 表单验证插件jQuery Validation Engine用法详解
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. jQuery Validation ...
(转)强大的JQuery表单验证插件 FormValidator使用介绍
jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者( ...
强大的JQuery表单验证插件 FormValidator使用介绍
jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等.在这之前,页面开发者( ...
html中表单的校验的插件,jquery表单验证插件validationEngine
插件的特色: 封装强悍.例子充足(基本都验证类型都被囊括).调用轻便注意事项: 1.演示版本为 v2.2.4: 2.v2.0 以下的版本参数并不完全通用: 对 validationEngine.jq ...

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

主要特性

如何使用

轻量级的jQuery表单验证插件 - HAPPY.js相关推荐

最新文章

热门文章