appeler PHP d'un javascript instruction if

Question

Voici le javascript:

function checkusername() 
       { 
         var username = $("#username").val(); 
         $.post("usernamecheck.php", {'username':username}, 
           function (data){ 
             if(data == 'taken'){ 
               alert('taken'); 
               return false; 
             }else{ 
               alert('available'); 
               return true; 
             } 
           } 
         ); 
       } 

/** 
* @author GeekTantra 
* @date 20 September 2009 
*/ 
(function(jQuery){ 
    var ValidationErrors = new Array(); 
    jQuery.fn.validate = function(options){ 
     options = jQuery.extend({ 
      expression: "return true;", 
      message: "", 
      error_class: "ValidationErrors", 
      error_field_class: "ErrorField", 
     success_field_class: "SuccessField", 
      live: true 
     }, options); 
     var SelfID = jQuery(this).attr("id"); 
     var unix_time = new Date(); 
     unix_time = parseInt(unix_time.getTime()/1000); 
     if (!jQuery(this).parents('form:first').attr("id")) { 
      jQuery(this).parents('form:first').attr("id", "Form_" + unix_time); 
     } 
     var FormID = jQuery(this).parents('form:first').attr("id"); 
     if (!((typeof(ValidationErrors[FormID]) == 'object') && (ValidationErrors[FormID] instanceof Array))) { 
      ValidationErrors[FormID] = new Array(); 
     } 
     if (options['live']) { 
      if (jQuery(this).find('input').length > 0) { 
       jQuery(this).find('input').bind('blur', function(){ 
        if (validate_field("#" + SelfID, options)) { 
         if (options.callback_success) 
          options.callback_success(this); 
        } 
        else { 
         if (options.callback_failure) 
          options.callback_failure(this); 
        } 
       }); 
       jQuery(this).find('input').bind('focus keypress click', function(){ 
        jQuery("#" + SelfID).next('.' + options['error_class']).remove(); 
        jQuery("#" + SelfID).removeClass(options['error_field_class']); 
       }); 
      } 
      else { 
       jQuery(this).bind('blur', function(){ 
        validate_field(this); 
       }); 
       jQuery(this).bind('focus keypress', function(){ 
        jQuery(this).next('.' + options['error_class']).fadeOut("fast", function(){ 
         jQuery(this).remove(); 
        }); 
        jQuery(this).removeClass(options['error_field_class']); 
       }); 
      } 
     } 
     jQuery(this).parents("form").submit(function(){ 
      if (validate_field('#' + SelfID)) 
       return true; 
      else 
       return false; 
     }); 
     function validate_field(id){ 
      var self = jQuery(id).attr("id"); 
      var expression = 'function Validate(){' + options['expression'].replace(/VAL/g, 'jQuery(\'#' + self + '\').val()') + '} Validate()'; 
      var validation_state = eval(expression); 
      if (!validation_state) { 
       if (jQuery(id).next('.' + options['error_class']).length == 0) { 
        jQuery(id).after('<span class="' + options['error_class'] + '">' + options['message'] + '</span>'); 
        jQuery(id).addClass(options['error_field_class']); 
     } 
       if (ValidationErrors[FormID].join("|").search(id) == -1) 
        ValidationErrors[FormID].push(id); 
       return false; 
      } 
      else { 
       for (var i = 0; i < ValidationErrors[FormID].length; i++) { 
        if (ValidationErrors[FormID][i] == id) 
         ValidationErrors[FormID].splice(i, 1); 
       } 
       jQuery(id).addClass(options['success_field_class']); 
       return true; 
      } 
     } 
    }; 
    jQuery.fn.validated = function(callback){ 
     jQuery(this).each(function(){ 
      if (this.tagName == "FORM") { 
       jQuery(this).submit(function(){ 
        if (ValidationErrors[jQuery(this).attr("id")].length == 0) 
         callback(); 
        return false; 
       }); 
      } 
     }); 
    }; 
})(jQuery); 

Voici usernamecheck.php:

<?php 
    $username = $_POST['username']; 
    if($username == 'asdf'){ 
     echo "taken"; 
    }else{ 
     echo "available"; 
    } 

?> 

Voici la section pertinente de register.php:

<script type="text/javascript"> 
       jQuery(function(){ 

      jQuery("#username").validate({ 
       expression: "if (VAL.length > 2 && VAL.length < 13 && VAL && checkusername()) return true; else return false;", 
       message: "Please enter a valid username between 3 and 12 characters long. If you have that username is taken.", 
      }); 

La validation proprement dite fonctionne bien, si je tape asdfg je reçois une boîte de message disant 'disponible' et si je tape asdf je reçois une boîte de message disant "prise". Cependant jquery montre le message quand même.

Answer 1

Le problème est que checkusername() ne retourne pas vrai ou faux. La fonction de rappel que vous ajoutez à $.post() le fait, mais ce ne sera pas la valeur de retour de checkusername(). En fait, checkusername() retournera immédiatement sans attendre le résultat de votre demande de publication, puisque c'est à cela que sert la fonction de rappel.

Edit:

Une solution serait de montrer le message pop-up si la validation échoue dans votre rappel. Un google rapide peut vous donner quelques examples.