使用 WebForms 进行 jQuery 验证网络服务

Question

现在我有一个简单的表单，只有一个输入。我正在尝试使用 jQuery Validate 的远程部分来调用我的 web 服务，该服务现在只是返回 false。我现在遇到的问题是，当它调用我的网络服务时，它会提取输入的名称，这是 .net 创建的一些垃圾。有没有办法覆盖它并使用输入的 ID 和输入的名称。这是我的 jQuery：

$(function () {
   $('form').validate();
    $("#tbSiteName").rules("add", {
        required: true,
        remote: "webservices/webservice.asmx/HelloWorld"
    });
});

这是我的 HTML：

<label for="tbSiteName">Name:</label>
<input name="ctl00$MainContent$tbSiteName" type="text" id="tbSiteName" class="required" />

这是来自 Chrome 的标头信息：（注意查询字符串参数）

Accept:application/json, text/javascript, */*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Content-Type:application/x-www-form-urlencoded
Cookie:ASP.NET_SessionId=qvupxcrg0yukekkni323dapj
Host:localhost:56803
Referer:http://localhost:56803/Default.aspx
User-Agent:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.10 (KHTML, like Gecko) Chrome/8.0.552.224 Safari/534.10
X-Requested-With:XMLHttpRequest
Query String Parameters
ctl00%24MainContent%24tbSiteName:ts

从服务器端，我收到 500 内部服务器错误，因为我的签名与我的帖子不匹配。

网络服务代码：

[WebMethod]
[ScriptMethod]
public bool HelloWorld(string tbSiteName) {
          return tbSiteName.Length > 5;
}

感谢您的帮助。

Answer 1

不幸的是，据我所知，在使用 ASP.Net WebForms 服务器控件（例如 ）时，无法解决此问题。尽管在 .NET 4 中您具有 ClientIdMode="Static" 属性 (参见此处）禁用自动生成的客户端 ID，不会影响 name 属性。

Rick Strahl 在回应他的博客文章上的评论时建议，如果您确实需要可预测的名称，您应该只使用 html 控件：

ClientIDMode 仅影响 ID，而不影响控件上的 NAME 属性，因此对于回发表单元素，名称仍将是 UniqueID 中保存的长名称。恕我直言，这是合理的。如果您确实需要简单的名称，请使用普通的 INPUT 元素而不是 ASP.NET 控件，特别是如果您不依赖控件的 POSTBACK 分配来使用 Request.Form[] 检索值。

您是否考虑过仅使用客户端 而不是 ？

此外，您是否考虑过放弃 ASP.NET WebForms 并使用 MVC？ ;-)

Answer 2

这就是我想出的答案。我必须将我的 asp:textbox 更改为 HTML 输入才能使其正常工作。另外，我必须将 web.config 更改为所有 HttpGet 到我的 web 服务。这充其量是痛苦的。我还通过使用标准输入丢失了控件的视图状态。我很想将其切换到 MVC，但这不是一个选择。

感谢您的帮助。

$("#tbSiteName").rules("add", {
            required: true,
            remote:  function() {
                var r = {
                    url: "/webservices/ipmws.asmx/SiteValid",
                    type: "POST",
                    data: "{'tbSiteName': '" + $('#tbSiteName').val() + "'}",
                    dataType: "json",
                    contentType: "application/json; charset=utf-8",
                    dataFilter: function(data) { return (JSON.parse(data)).d; } 
                }
                return r
            },
        });