一、官网下载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里修改