Formular ohne Aktualisierung senden

Question

Ich habe ein Problem Ich möchte, dass Sie mir helfen, es herauszufinden, bitte.

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
 
<script type="text/javascript"> 
 
$(document).ready(function() { 
 
    $("#myform").validate({ 
 
     debug: false, 
 
     rules: { 
 

 
     }, 
 
     messages: { 
 

 
     }, 
 
     submitHandler: function(form) { 
 
      $.post('goCarnet.php', $("#myForm").serialize(), function(data) { 
 
       $('#results').show("fast").html(data); 
 
      }); 
 
     } 
 
    }); 
 
}); 
 
</script>

<form method="post" action="" id="myForm" class="form-horizontal"> 
 
    <label class="field-label col-md-3 text-left">Nombre de carnets : </label> 
 
    <div class="col-md-9"> 
 
     <select name="nbr" id="multiselect1"> 
 
      <option value="1" selected>1</option> 
 
      <option value="2">2</option> 
 
      <option value="3">3</option> 
 
      <option value="4">4</option> 
 
      <option value="5">5</option> 
 
     </select> 
 
     <label>&nbsp; De &nbsp;</label> 
 
     <select name="total" id="multiselect2"> 
 
      <option value="25" selected>25</option> 
 
      <option value="50">50</option> 
 
     </select> 
 
     <label>&nbsp; chèques</label> 
 
    </div> 
 
    <div class="text-right"> 
 
     <button type="submit" class="btn btn-sm btn-default btn-primary"> Commander </button> 
 
    </div> 
 
</form> 
 
</div> 
 
<div id="results" style="display:none" class="alert alert-success" role="alert"></div>

Die Form wird nun ohne jedes Ergebnis die gleiche Seite zu aktualisieren, aber ich mag es die Daten aus der PHP-Datei einzufügen. PS: Dieser exakt gleiche Code funktioniert auf einem anderen Projekt wie ein Charme.

Answer 1

Ich würde es so prevent tun ...

$(document).ready(function() { 
    $('#myForm').on('submit', function(event) 
    { 
     $.post('goCarnet.php', $(this).serialize(), function(data) 
     { 
      $('#results').show("fast").html(data); 
     }); 
     event.preventDefault(); 
    }); 
}); 

Answer 2

Änderung Ihrer <button> Typ type="button"