我还修改了jQuery.Validate的remote方法，先来看下我修改的代码（具体见scripts/jquery.validate1.js 896行）：

view sourceprint?01 if (previous.old !== value) {
     previous.old = value;
     var validator = this;
     this.startRequest(element);
     var data = {};
     data[element.name] = value;
     $.ajax($.extend(true, {
         //url:url,//此URL无法获取
         url: param.url,//获取param验证规则中所写路径
         mode: "abort",
         port: "validate" + element.name,
         type: param.type,
         dataType: "json",
         //data:data,
         data: param.data || data,//获取param.data或data中所提交的参数
         success: function(response) {
         以下省略...
 }

而data为什么要改成param.data || data，主要原因就是下面这句代码：

data[element.name] = value;

这句代码的意思就是：为哪个控件设置远程验证就获取哪个控件的值，但是在实际的开发中，当遇到进行AJAX验证的时候会出现需要同时提交多个数据的情况，此时这句代码就是错误的了，所以需要改成param.data || data，这样就能保证在提交多个数据的时候以多个数据为准。

下面来看下webservice的代码：

view sourceprint?1 [WebMethod]
 public bool CheckUid(string uid)
 {
     return uid == "testuid" ? true : false;
 }

注意：webservice.cs中必须将[System.Web.Script.Services.ScriptService]这个特性取消注释，否则AJAX验证将无效！

第二点：默认jQuery.Validate在进行AJAX验证时返回必须是bool类型，如何返回一个对象包括错误消息及验证结果？（具体见App_Code/WebService.cs/CheckUid）

在第一点中介绍jQuery.Validate知识的时候就提到了，jQuery.Validate默认直接收true或false，但是在具体的开发中，我们会分层开发，三层或者多层，webservice在接收到验证请求后不做具体的处理直接调用逻辑层的验证方法，交由逻辑层进行验证操作（当然你也可以把验证全部写在webservice中，但是这样就体现不出分层的好处了），此时的验证会产生多种情况，以最常见的用户名验证为例：

1）用户名已存在，此时的消息应该是“用户名已存在，请重新输入！”

2）用户名不符合规则，此时的消息应该是“用户名不符合规则，请重新输入！”

3）验证时出现程序异常，此时的消息应该是“程序出现异常，请联系管理员！”

可以看出，仅仅一个用户名验证就会出现这3种信息，如果不返回一个明确的消息，仅仅告诉用户“用户名有误”，客户端的使用者将会相当的痛苦，因为使用者并不知道他的用户名输入到底错在哪了。

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

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

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