OA项目之Jquery客户端验证

1.今天做下验证方面的笔记

2.首先做的是客户端这一方的验证，为什么需要客户端的验证，是为了减轻服务器端的压力，可以利用Jquery的 validate插件来做，前面有个treeview插件来做树状显示，道理相同，利用Jquery插件来做很方便，简洁。

3.先看下效果图，类似如此的提示效果

①Jquery.validate是jquery旗下的一个验证框架，借助jquery的优势，我们可以迅速验证一些常见的输入，还可以自己扩充自己的验证方法，并且对国际化也有很好的支持。

②如何使用Jquery插件步骤：

     第一步：导入的jQuery.js与jquery.validate.js等文件，注意顺序不要颠倒

     

<script type="text/javascript" src="jquery.js">
<script type="text/javascript" src="jquery.metadata.js">
<script type="text/javascript" src="jquery.validate.js">

     

     第二步：指定哪个（或哪些）表单要在提交前先进行验证

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

   

     第三步：指定每个字段的验证规则

     

名称 *<input type="text" name="loginName" class="required">
其中class="required" 表示本字段必须要填写。

 

   效果如下图：

             

③下面详细说明下验证规则的的方式