第三点：在反复使用jQuery.Validate进行AJAX验证时，总是需要编写相关AJAX参数，可否进行进一步封装？（具体见High-3.aspx和jquery.validate.extension.js）

在开发一个系统的时候经常会用到AJAX的验证，而如果每次都要编写上面那么多的代码还是很不方便，所以我现在就来进行一下简单的封装，代码如下：

view sourceprint?01 //远程验证抽象方法
 function GetRemoteInfo(postUrl, data) {
     var remote = {
         type: "POST",
         async: false,
         url: postUrl,
         dataType: "xml",
         data: data,
         dataFilter: function(dataXML) {
             var result = new Object();
             result.Result = jQuery(dataXML).find("Result").text();
             result.Msg = jQuery(dataXML).find("Msg").text();
             if (result.Result == "-1") {
                 result.Result = false;
                 return result;
             }
             else {
                 result.Result = result.Result == "1" ? true : false;
                 return result;
             }
         }
     };
     return remote;
 }

页面调用也很简单，代码如下：

view sourceprint?01 <script src="scripts/jquery.validate.extension.js" type="text/javascript"></script>
     <script type="text/javascript">
         function InitRules() {
             var dataInfo = {uid:function(){ return jQuery("#<%=txtUid.ClientID %>").val();}};
             var remoteInfo = GetRemoteInfo('WebService.asmx/CheckUid', dataInfo);
             opts = {
              rules:
                 {
                     <%=txtUid.UniqueID %>: 
                     {
                         required: true,
                         remote:remoteInfo
                     }
                 }
             }
         }
</script>

页面上只要做3步操作：

1、包装好需要提交的data对象。

2、将远程验证地址和包装好的data对象传递给封装好的方法获取remote对象。

3、将函数返回的remote对象放入规则中。

至此使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由这一系列就算全部写完了，大体上将jQuery.Validate在ASP.NET上的一些常见应用讲了一下，同时也提出了许多我自己修改扩展的东西，希望对正在苦恼客户端验证的朋友有所帮助，谢谢大家的支持了！

PS：1、其实这一系列并没有把jQuery.Validate的所有功能介绍完，比如onfocusin，onfocusout，onkeyup等，这些就需要大家在使用的过程中自己查看源代码实验了。

2、本文有点长，而且内容比较多，如果文中有什么错误或者有指导意见欢迎大家提出来，谢谢了！

转载：http://www.cnblogs.com/kyo-yo/archive/2010/07/06/Use-jQuery-Validate-To-Being-Client-Validate-High-2.html

本文链接：http://www.blueidea.com/tech/web/2010/7792.asp　

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

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

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