jQuery Validation让验证变得如此easy(一)

一、官网下载jquery，和jquery validation plugin http://jqueryvalidation.org/

二、引入文件

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.js" type="text/javascript"></script>

三、接下来,声明以下的HTML片段

<form action="" id="jvForm">
	姓名:<input type="text" name="username" id="username" class="required" /></br>
	密码:<input type="password" name="password" id="password" class="required"/></br>
	<input type="submit" value="提交" />
</form>

通过以上代码，大家会发现我们对于每个input都加上了class="required"

他的作用就是在这个inpute标签为空时会提示用户出错。

四、最后我们要为我们的框架找到一个切入点

<script type="text/javascript">
	$(function() {
		$("#jvForm").validate();
	})
</script>

执行效果例如以下

当然提示信息默认是英文的，可依据须要在jquery.validate.js里改动