A propos de AJAX, FORME ET PHP

Question

Mon code ajax ressemble à ceci qui vérifient le formulaire d'inscription nom d'utilisateur, email, etc ...

jQuery(document).ready(function($) { 
$("#formform").on('change', 'input',function(event){ 
    var $form = $(this); 
    var $inputs = $form.find("input, select, button, textarea"); 
    var serializedData = $form.serialize(); 
    $inputs.prop("disabled", true); 

    request = $.ajax({ 
     url: "/registration_check.php", 
     type: "post", 
     data: {formData:serializedData}, 
     datetype: "JSON" 
    }); 
    request.done(function (response, textStatus, jqXHR){ 
     console.log(response); 
    }); 
    request.fail(function (jqXHR, textStatus, errorThrown){ 
     console.log("error"); 
    }); 
    request.always(function() { 
     $inputs.prop("disabled", false); 
    }); 
    event.preventDefault(); 
}); 
}); 

Et mon regard PHP comme ceci:

$get_form_data=$_POST["formData"]; 
parse_str($get_form_data,$form_data); 

if(isset($form_data["username"])){ 
    if(strlen($form_data["username"])<5){ 
     echo "Username must be at least 5 character"; 
    }else{ 
     if(ValidUserName($form_data["username"])){ 
      if($checkUser->checkUserName(char_encoder($form_data["username"]))==true){ 
       echo "Sorry this UserName Already Exist"; 
      }else{ 
       echo "UserName Available"; 
      }; 
     }else{ 
      echo "Invalid Username"; 
     } 

    } 

} 

maintenant Comment puis-je désactiver le formulaire lorsque le nom d'utilisateur invalide vient d'AJAX comme réponse?

Je pense que je devrais utiliser return false..mais je ne sais pas comment gérer la réponse?

Answer 1

essayer comme ci-dessous le format que vous pouvez gérer la réponse en cas de succès:

var $form = $(this); 
var serializedData = $form.serialize(); 
$.ajax({ 
    type: "POST", 
    url: "/registration_check.php", 
    data: { 
     formData:serializedData 
    }, 
    beforeSend: function() { 
     //do stuff like loading process until you get the response 
    }, 
    success: function (resp) { 
     var obj = jQuery.parseJSON(resp); 
     //console.log(obj); // this will display response in console. 
     //do stuff here 

    }, 
    error: function(e){ 
     alert("Error in ajax call: "+e); 
    } 

}); // complete AJAX 

PHP CODE:

$array = array(); 
if (isset($form_data["username"])) { 
    if (strlen($form_data["username"]) < 5) { 
     $array['success'] = false; 
     $array['message'] = "Username must be at least 5 character"; 
    } else { 
     if (ValidUserName($form_data["username"])) { 
      if ($checkUser->checkUserName(char_encoder($form_data["username"])) == true) { 
       $array['success'] = false; 
       $array['message'] = "Sorry this UserName Already Exist"; 
      } else { 
       $array['success'] = true; 
       $array['message'] = "UserName Available"; 
      } 
     } else { 
      $array['success'] = false; 
      $array['message'] = "Invalid Username"; 
     } 
    } 
    echo json_encode($array); 
} 

Answer 2

faire appel ajax sur formulaire soumettre un événement et appelez event.preventDefault(); si ajax retourne tout Erreur. Espérons que cette aide :)