Ajax Live数据库检查

Question

我正在制作一个注册表，它将检查输入的手机号码是否正在使用，就像在twitter的用户名检查中一样。我的代码看起来很完美，但我一直在'检查号码可用性'，就像ajax没有发送我的请求。帮助请:-) 这里是有关Ajax代码位

<script type="text/javascript"> 
$(document).ready(function()//When the dom is ready 
{ 
$("#cellphone_number").change(function() 
{ //if theres a change in the username textbox 

var phonenumber = $("#cellphone_number").val();//Get the value in the username textbox 
if(phonenumber.length == 13)//if the lenght equal to 13 characters 
{ 
$("#availability_status").html('<align="absmiddle"><font color="#00FF33">Checking Number availability...</font>'); 
//Add a loading image in the span id="availability_status" 

$.ajax({ //Make the Ajax Request 
    type: "POST", 
    url: "../Functions/ajax_check_number.php", //file name 
    data: ("number="+phonenumber), //data 
    success: function(server_response) 
    {  
    $("#availability_status").ajaxComplete(function(event, request){ 

    if(server_response == '0')//if ajax_check_username.php return value "0" 
    { 
    $("#availability_status").html('<align="absmiddle"> <font color="#00FF33">Number is Available </font> '); 
    //add this image to the span with id "availability_status" 
    } 
    else if(server_response == '1')//if it returns "1" 
    { 
    $("#availability_status").html('<align="absmiddle"> <font color="#FF0000">Number already in use</font>'); 
    } 

    }); 
    } 

    }); 

} 
else 
{ 

$("#availability_status").html('<font color="#FF0000">Number too short</font>'); 
//if in case the username is less than or equal 3 characters only 
} 

return false; 
}); 

}); 
</script> 

Answer 1

现在代码编辑至少到一定的水平，甚至是在Ajax和JavaScript像我这样的初学者也能理解。这完美地完成了这项工作。添加一些GIF图像以对客户端用户进行“可视化”响应，特别是在检查数据库时。

<script type="text/javascript"> 
$(document).ready(function()//When the dom is ready 
$(document).ready(function()//When the dom is ready 
{ 
$("#cellphone_number").change(function() 

{ //if there's a change in the cellphone_number textbox 
var phonenumber = $("#cellphone_number").val();//Get the value in the username textbox 
if(phonenumber.length == 13)//if the length is equal to 13 characters 
{ 
$("#availability_status").html('< align="absmiddle" >&nbsp;<font 
color="#00FF33">Checking Number availability...</font>'); 
//Add a loading image in the span id="availability_status" 
$.ajax({ //Make the Ajax Request 
type: "POST", 
url: "../Functions/ajax_check_number.php", //file name 
data: {number:$("#cellphone_number").val()},//data  
dataType: 'json', 
success: function(server_response) 
{  
$("#availability_status").ajaxComplete(function(event, request) 
{  
if(server_response == '0')//if ajax_check_number.php return value "0" 
{ 
$("#availability_status").html('<align="absmiddle"> <font color="#00FF33">Number is Available </font> '); 
//add this image to the span with id "availability_status" 
} 
else if(server_response == '1')//if it returns "1" 
{ 
$("#availability_status").html('<align="absmiddle"> <font color="#FF0000">Number already in use</font>'); 
} 
    }); 
} 
}); 
} 
else 
{ 

$("#availability_status").html('<font color="#FF0000">Number too short</font>'); 
//if in case the number is less than 13 characters only 
} 
return false; 
}); 
}); 
</script> 

Answer 2

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $("#cellphone_number").change(function() 
    { 
     var phonenumber = $("#cellphone_number").val(); 
     if(phonenumber.length == 13) 
     { 
      $("#availability_status").html('<align="absmiddle"><font color="#00FF33">Checking Number availability...</font>'); 
      $.ajax(
      { 
       type: "POST", 
       url: "../Functions/ajax_check_number.php", 
       data: {number: phonenumber}, 
       success: function(server_response) 
       { 
        if(server_response == '0') 
        { 
         $("#availability_status").html('<align="absmiddle"> <font color="#00FF33">Number is Available </font> '); 
        } 
        else if(server_response == '1') 
        { 
         $("#availability_status").html('<align="absmiddle"> <font color="#FF0000">Number already in use</font>'); 
        } 
       } 
      }); 
     } 
      else 
      { 

     $("#availability_status").html('<font color="#FF0000">Number too short</font>'); 
      } 
      }); 

}); 
</script>