轻量级的jQuery表单验证插件 – HAPPY.js
2013-05-18 20:39 阅读(170)


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


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

主要特性

如何使用

HTML代码:

<form id="login" action="index.html">
<div>
<input id="loginEmail" type="text" placeholder="Your email" name="login">
<input id="loginPassword" type="password" placeholder="Your password" name="password">
<div>
<input type="submit" value="Login" name="submit">
<div></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表单验证类库!如果你有问题和建议,请给我们留言!