Besoin d'aide pour la forme de jquery soumettre

Question

J'ai beaucoup cherché et essayé beaucoup de solutions mais aucun succès.

Pouvez-vous s'il vous plaît aidez-moi à comprendre ce que je fais erreur avec le code suivant jquery:

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
    var $form = $('#contact_form'); 

    $form.submit(function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      type: 'POST', 
      url: "../validateNumber.php", 
      data: {"mobile": $('#mobile-number').val()}, 
      success: function(response) { 
       if(response=="invalid"){ 
        $(".head").text("Please enter valid mobile number"); 
        $("#mobile-number").focus(); 
       } 
      }    
     }); 
    }); 
    }); 
    </script> 

Le code fonctionne bien. Je reçois une erreur sur la réponse == "invalide". Mais ma forme n'est pas soumise.

Merci

Answer 1

vous définissez le gestionnaire mais jamais soumettre effectivement la forme. Est-ce ce que vous voulez, en soumettant le formulaire automatiquement?

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    var $form = $('#contact_form'); 

    $form.submit(function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      type: 'POST', 
      url: "../validateNumber.php", 
      data: {"mobile": $('#mobile-number').val()}, 
      success: function(response) { 
       if(response=="invalid"){ 
        $(".head").text("Please enter valid mobile number"); 
        $("#mobile-number").focus(); 
       } 
      }    
     }); 
    }); 

    $form.submit(); 
}); 
</script> 

Answer 2

code Essayez:

<script type="text/javascript"> 
$(document).ready(function() { 
$('#contact_form').submit(function(e) { 
    if($('#contact_form').valid()){ 
    $.ajax({ 
     type: 'POST', 
     url: "../validateNumber.php", 
     data: {"mobile": $('#mobile-number').val()}, 
     success: function(response) { 
      if(response=="invalid"){ 
       $(".head").text("Please enter valid mobile number"); 
       $("#mobile-number").focus(); 
      } 
     }    
    }); } 

}); 
}); 
</script>