輕量級的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.2cto.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表單驗證類庫！如果你有問題和建議，請給我們留言！