ajax 无刷新验证

这是一个据说用了ajax 写的验证功能 

 

对于ajax 就是用了一个控件 其他功能主要都是通过js 加 后台写的

 

先在母版页添加
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

 

然后再子页添加
<asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server"></asp:ScriptManagerProxy>

 

 //js代码#： var imgName; function CheckUserName() { var userName = $get("UserName").value; //$get("UserName")其实是document.getElementById("txtUserName") imgName = "checkusername"; $get(imgName).innerHTML = "<img src="/" mce_src="/""images/loading.gif/"alt=/"/"/>"; PageMethods.IsUserNameExist(userName,ShowResult1); } //图片自己添加check_right.gif和check_error.gif function ShowResult1(res) { if(res == "Access") $get(imgName).innerHTML = "<img src="/" mce_src="/""images/check_right.gif/"alt=/"ok/" runat=/"server/" id=/"info1/" />"; else $get(imgName).innerHTML = "<img src="/" mce_src="/""images/check_error.gif/"alt=/"no/" runat=/"server/" id=/"info1/" />" + res; }

//CS代码#: using System.Web.Services; /// <summary> /// 检测用户名是否存在 /// </summary> /// <param name="userName">输入用户名</param> /// <returns>返回字符串</returns> [WebMethod] public static string IsUserNameExist(string userName) { bool ismatch = Regex.IsMatch(userName.Trim(), @"^[A-Za-z][A-Za-z0-9_/-]{5,19}$"); if (userName.Trim() == "") return "用户名不能为空"; else { if (ismatch == false) { return "用户名格式错误"; } else { //这里写数据库代码 if (ds.Tables[0].Rows.Count == 0) { return "Access"; } else { return "此用户名已被使用!"; } } } }

后台的函数必须是静态的…

所以很多东西都会被限制到

 

后台这个函数可以写几个参数 有些控件值就可以通过参数传进来了…

 

 

 

 

后来 我发现用这个方法有点麻烦

有找到一个新的 比较方便的方法

 

就是用ajax 控件 updatepanel  当然 首先要有个 scriptmanager啦

之后把想无刷新验证的空间直接放进去 updatepannel 里面 再加个 label

把 textbox 的 autopostback 属性 设置为 true  当然 不止是textbox啦  但是貌似只有服务器控件才可以…

还有 updatepannel 的 childrenastrigger 属性设置为 true

 

之后呢  双击控件 在textchanged 之类的函数

写下想要的验证代码咯

label 是用啦显示错误提示的 …