Ajax Live Database check

Question

Je fais une table d'enregistrement qui va vérifier si le numéro de téléphone portable tapé est utilisé comme dans la vérification du nom d'utilisateur de Twitter. Mon code a l'air parfait mais je continue d'obtenir 'Vérifier la disponibilité des numéros' c'est comme ajax ne POSTe pas mes requêtes. Aide S'il vous plaît :-) voici le code ajax pertinents bits d'

<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

Maintenant, le code est modifié au moins à un niveau où même un débutant comme moi en AJAX et Javascript peut comprendre. Cela fait le travail parfaitement. Ajoutez des images GIF pour donner une réponse "visuelle" à l'utilisateur côté client, en particulier lors de la vérification de la base de données.

<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>