使用 jquery Ajax 进行 Asp.Net Web 表单验证答案

【问题标题】：Asp.Net web form validation with jquery Ajax使用 jquery Ajax 进行 Asp.Net Web 表单验证
【发布时间】：2011-03-22 04:19:13
【问题描述】：

我想知道使用 Jquery (Ajax) 而不是插件的 asp.net Web 表单验证的最佳简单教程。我想用 jquery 开发 ajax 表单。

我有一个注册表单。当我提交表单时，我想通过 jquery $.ajax 调用 asp.net 验证方法。我想使用服务器端验证来验证表单字段。我不想用 jquery表单验证插件。

【问题讨论】：

您能否提供更多详细信息来说明您究竟想做什么？您想要服务器端还是客户端验证？当您说“使用 Jquery (Ajax) 而不是插件”时，您的意思是您不想使用 Jquery 插件吗？

标签： jquery asp.net ajax

【解决方案1】：

如果您想在服务器端进行验证，您应该使用例如 asp.net web-service。如果您想创建它，只需在您的解决方案中添加 .asmx 文件即可。

/// <summary>
/// Summary description for WebService
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService
{

    [WebMethod]
    public bool ValidateDate(string value)
    {
        bool isValide =true;
        //Validation code
        return isValide
    }
}

创建网络服务后，您可以使用 $.ajax 向它发送请求

例如，像这样（我喜欢使用 JSON）：其中 webserviceName 是您的 .asmx 文件的名称 function 是您需要的网络服务方法的名称。

 $.ajax(
{
    type: "POST",
    url: webserviceName + functionName,
    contentType: "application/x-www-form-urlencoded; windows-1251;",
    dataType: json,
    data: parameters,
    success: callbackFunction,
    error: errorCallbackFunction
});

查看此页面上的示例 - http://msdn.microsoft.com/en-us/library/bb515101.aspx

【讨论】：