Проверка базы данных Ajax Live

Question

Я делаю регистрационную таблицу, которая проверяет, используется ли номер мобильного телефона, как в случае проверки имени пользователя Twitter. Мой код выглядит идеально, но я продолжаю получать «Проверка доступности номера», так как 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>