jQuery]使用jQuery.Validate进行客户端验证（高级篇-下）——不使用微软验证控件的理由 

继续上一篇文章使用jQuery.Validate进行客户端验证（高级篇-上） ，本文将继续介绍jQuery.Validate的高级应用——jQuery.Validate的AJAX验证及简单扩展。

今天主要介绍的内容有：

1、如何使用jQuery.Validate进行AJAX验证?

2、默认jQuery.Validate在进行AJAX验证时返回必须是bool类型，如何返回一个对象包括错误消息及验证结果？

3、在反复使用jQuery.Validate进行AJAX验证时，总是需要编写相关AJAX参数，可否进行进一步封装？

第一点：如何使用jQuery.Validate进行AJAX验证?（具体见High-2.aspx）

jQuery.Validate为我们提供了一个方便的AJAX验证方式（封装了jQuery的AJAX，同时将jQuery的AJAX和jQuery.Validate的验证很好的结合在一起），在此我仅仅介绍jQuery.Validate在ASP.NET下如何进行AJAX验证，PHP、JSP等请查看官方例子。

我是采用jQuery.Validate+WebService进行AJAX验证，客户端编写jQuery.Validate的remote验证属性，服务器端采用WebSerice进行接收参数进行验证。

首先来看下jQuery.Validate的remote属性如何编写AJAX验证规则：

view sourceprint?01 function InitRules() {
             opts = {
              rules:
                 {
                     <%=txtUid.UniqueID %>: 
                     {
                         required: true,
                         remote:{
                             type: "POST",
                             async: false,
                             url: "WebService.asmx/CheckUid",
                             dataType: "xml",
                             data: {uid:function(){ return jQuery("#<%=txtUid.ClientID %>").val();}}
                         }
                     }
                 }
             }
         }

这边来详细讲解下jQuery.Validate的remote的一些知识：

1、jQuery.Validate的remote默认可以直接填写远程验证的地址，格式为：remote:”validate.aspx”，但是很多情况下这个远程验证需要提交参数、返回类型等限制，所以就可以采用在“{}”中编写具体属性的方式来包装提交参数。

2、jQuery.Validate的remote官方代码中，远程的输出只能是true或者false，不允许有其他输出，这个我觉得不太好，具体的扩展在后面我会讲到。

3、jQuery.Validate的remote在使用时如果想提交参数需要以JSON的方式提交格式如下：

view sourceprint?1 data: {
         uid:function(){ 
                return jQuery("#<%=txtUid.ClientID %>").val();
         }
 }

这里我要说明的是：jQuery.Validate的验证规则是在页面加载的时候就已经被加载了的，如果还是像以往一样直接写"jQuery("#<%=txtUid.ClientID %>").val();"，那么验证的时候提交给服务器端的数据永远是页面加载时txtUid控件的值。

而使用function的好处就是在页面加载的时候仅仅告诉jQuery.Validate，在控件需要进行remote验证的时候需要调用function这个函数，这样就保证了在执行remote验证的时候可以获取到最新的值

出处：博客园
责任编辑：bluehearts

上一页 下一页 使用jQuery.Validate进行客户端验证(后篇) 下 [2]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。