javascript - 检查用户名是否已经存在

Question

我想在用户将用户名插入文本框或文本框失去焦点之后验证用户名是否已经存在。

jQuery 还是 Ajax？
请问有人有这样的例子吗？

Answer 1

在文本框的 onblur 事件中，获取文本框的值并使用 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 文件。

Answer 2

两个都。

使用 jQuery 对文本框的onblur 事件做出反应。然后，使用 jQuery 对控制器进行ajax 调用，以查看用户名是否已被占用。

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