CustomValidator控件+ajax 实现注册时的异步验证

最新推荐文章于 2024-10-04 08:00:00 发布

xj150145223

最新推荐文章于 2024-10-04 08:00:00 发布

阅读量1k

点赞数

分类专栏：通信编程文章标签： ajax textbox server webservice xhtml

本文链接：https://blog.csdn.net/xj150145223/article/details/5332876

版权

通信编程专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在.net的验证控件中有一个CustomValidator验证控件，其属性ClientValidationFunction为客户端函数，在需要验证的控件失去焦点或者post数据时，调用该函数。

前台：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CustomValidatorTest.aspx.cs" Inherits="Web.CustomValidatorTest" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <mce:script type="text/javascript" src="jquery/jquery-1.2.6-vsdoc-cn.js" mce_src="jquery/jquery-1.2.6-vsdoc-cn.js"></mce:script><%--jquery文件--%> <mce:script type="text/javascript"></mce:script> </head> <body> <form id="form1" runat="server"> <div> <table> <tr> <td>输入123验证失败：</td> <td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td> <td><asp:CustomValidator ID="CustomValidator1" runat="server" ErrorMessage="验证不通过" ClientValidationFunction="validator" ControlToValidate="TextBox1"></asp:CustomValidator></td> </tr> <tr> <td>测试：</td> <td><asp:TextBox ID="TextBox2" runat="server" Text=""></asp:TextBox></td> </tr> <tr> <td></td> <td><asp:Button ID="Button1" runat="server" Text="确定"/></td> </tr> </table> </div> </form> </body> </html>

ajax后台：

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Services; namespace Web.jquery { /// <summary> /// $codebehindclassname$ 的摘要说明 /// </summary> [WebService(Namespace = "http://tempuri.org/")] [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] public class CustomValidatorTestHander : IHttpHandler { public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; //获得前台post过来的数据 string getVal = context.Request.Form["val"]; //此处可以查询数据库之类的操作，这里简单演示 if (getVal == "123") { //返回给前台的值 context.Response.Write("123"); } else { context.Response.Write("！123"); } } public bool IsReusable { get { return false; } } } }

最后还是用了同步，异步的话貌似ajax为返回时IsValid就已经提交了。所以没有任何效果，这里是否可以通过oSrc对象来实现异步，请高手指教；

附：发现js用xhtml上传后有点变样，上传张源图片：

ajax请求图片