检查用户名是否已存在

时间:2012-08-21 16:31:56

标签: javascript jquery asp.net ajax

如果用户在文本框中插入用户名或文本框失去焦点后,我想验证用户名是否已存在。

Jquery还是Ajax?
请有人举例说明吗?

2 个答案:

答案 0 :(得分:0)

在文本框的onblur事件中,获取textbox的值并使用jQuery ajax,调用服务器页面,在其中检查它并返回适当的结果。根据结果​​显示给用户的消息(可用或不可用)

在您的网页中加入jQuery并同时拥有此脚本

$(function(){
  $("#txtUserName").blur(function() {
     var userName=$(this).val();
     if(userName!="")
     {
       $.get("checkusername.aspx?username="+userName+"&t="+$.now(),function(data){
           if(data=="1")
           {
             $("#msgDiv").html("Not Available");             
           } 
           else
           {
             $("#msgDiv").html("Available :) ");
           } 

       });    
     }    
  });   

});

假设checkusername.aspx页面将读取查询字符串值并检入数据库并返回(Response.Write())" 1"或" 0"

我更喜欢使用通用处理程序(.ASHX文件)来执行服务器端检查,而不是使用aspx文件。

答案 1 :(得分:0)

两个

使用jQuery对文本框的onblur event作出反应。然后,使用jQuery向控制器发出ajax call以查看是否已经使用了用户名。

$('#usernameTextBox').blur(function() {
  alert('Make your ajax call here.');
});