注册时检测用户是否已存在(自定义验证控件+jQuery.Ajax)

注册时检测用户是否已存在(自定义验证控件+jQuery.Ajax)

本想在自定义验证控件(asp:CustomValidator)的客户端验证属性里(ClientValidationFunction)来写ajax访问的，若存在则让它的arguments.IsValid=!用户存在，但无奈ajax是异步调用，等不到它调用ClientValidationFunction的javascript函数已经执行完毕，所以此路跟本行不通。那就只能用一个全局javascript变量user_exist来存用户是否存在的信息，ajax调用完成给它赋值，在注册按钮按下时判断。只能如此了……

1. <script type="text/javascript" language="javascript" src="scripts/jQuery/jquery-1.2.6-vsdoc.js"></script>
2. <script type="text/javascript" language="javascript">
3. <!--
4. var user_is_exist = true;//全局变量,用户是否存在
6. function UserExistValidate(source, arguments) {
7.     var username = jQuery.trim(arguments.Value);
8.     
9.     //验证1,必需有
10.     if (username.length == 0) {
11.     arguments.IsValid = false;//验证不通过
12.     return;
13.     }
14.     
15.     //验证2,以字母开头且只包含大小写字母和下划线            
16.     //var reg_user = new RegExp("[a-zA-Z]{1}[a-zA-Z0-9//_]{2,14}");
17.     var reg_user = /^[a-zA-Z]{1}[a-zA-Z0-9//_]{2,14}$/;
18.     if (!reg_user.test(username)) {
19.     //alert("用户名不符合规范");
20.     arguments.IsValid = false;//验证不通过
21.     return;
22.     }
23.     
24.     //验证3,在数据库中尚未注册过的
25.     jQuery.ajax({
26.     type: "GET",
27.     url: "F_Checker.aspx",
28.     data: "u=" + username,
29.     success: function(msg) {
30.         if (msg == "T") {
31.         user_is_exist = true;
32.         jQuery("#span_user_exist").css("color", "#f00");
33.         jQuery("#span_user_exist").text("该用户名已经被占用.");
34.         }
35.         else if (msg == "F") {
36.         user_is_exist = false;
37.         jQuery("#span_user_exist").css("color", "#0f0");
38.         jQuery("#span_user_exist").text("用户名尚未被使用.");
39.         }
40.         arguments.IsValid = !user_is_exist; //跟本就没用(验证通过与否)
41.     }//,
42.     //async: false //同步也没用
43.     });
44. }
46. function checkUserExist() {
47.     if (user_is_exist) {
48.     alert("用户名已经被占用,不能注册!");
49.     return false;
50.     }
51.     return true;
52. }
53. // -->
54. </script>
57. <asp:TextBox ID="txt_username" runat="server" ValidationGroup="reg"></asp:TextBox>
58. <asp:CustomValidator ID="cv_user_exist" runat="server" ControlToValidate="txt_username"
59. ErrorMessage="用户帐号必需以字母开头且3位以上" ValidationGroup="reg" 
60. ClientValidationFunction="UserExistValidate" Display="Dynamic" 
61. ValidateEmptyText="True" Font-Size="10"></asp:CustomValidator>
62. <span id="span_user_exist"></span>
65. <asp:Button ID="btn_register" runat="server" Text="注册" ValidationGroup="reg" 
66. onclientclick="return checkUserExist();"  />

 

F_Checker.aspx页面访问数据库，只返回“T”或“F”。

 

效果：

 

 

 

2009-01-13补：

呵呵，我知道了，用同步的方法来：

1. //验证3,在数据库中尚未注册过的
2. var result_text=  //这样就OK-1
3. jQuery.ajax({
4. type: "GET",
5. url: "F_Checker.aspx",
6. data: "u=" + username,
7. success: function(msg) {
8.     if (msg == "T") {
9.     user_is_exist = true;
10.     jQuery("#span_user_exist").css("color", "#f00");
11.     jQuery("#span_user_exist").text("该用户名已经被占用.");
12.     }
13.     else if (msg == "F") {
14.     user_is_exist = false;
15.     jQuery("#span_user_exist").css("color", "#0f0");
16.     jQuery("#span_user_exist").text("用户名尚未被使用.");
17.     }    
18. },
19. async : false        //这样就OK-2
20. }).responseText; //这样就OK-3
21. //alert(result_text);
22. if(result_text=="T")
23. arguments.IsValid = false; //验证不通过