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

日期：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