当前位置:编程学习 > JS >>

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

轻量级的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> www.zzzyk.com
Javascript代码:
$(function(){
 $('#login').isHappy({
  fields: {
    '#loginEmail': {
   required: true,
   message: 'Please enter your email'
    },
    '#loginPassword': {
   required: true,
   message: 'Please enter password'
    }
  }
 });
});
如果出错了的话,会添加一个<span>到输入框前面,并且添加class=“unhappyMessage”,你可以充分自定义。
是不是很简单,只需要定义表单名称和对应的输入框验证选项,希望大家喜欢这个小巧的jQuery表单验证类库!如果你有问题和建议,请给我们留言!
 
补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,