2015-06-10 13 views
5

Ho un problema Vorrei che voi ragazzi mi aiutaste a capirlo per favore.Invio modulo senza aggiornamento

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

La forma è ora rinfrescante la stessa pagina, senza alcun risultato, ma mi piacerebbe che per incollare i dati dal file php. PS: questo stesso codice identico funziona su un altro progetto come un incantesimo.

+0

http://jsfiddle.net/arunpjohny/bnq6xza6/2/ - guarda bene - vedere che cosa è avvisato –

+0

Strano, su tutta la pagina non funziona, quindi deve essere uno degli script JS aggiunto nella pagina? – user1114748

+1

hai incluso il plug-in di convalida jQuery –

risposta

3

vorrei farlo in questo modo preventDefault ...

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

Funziona come un incantesimo, grazie mille. – user1114748

0

cambiare la vostra <button> tipo di type="button"

+0

Non reslove nulla, grazie per la risposta. – user1114748

Problemi correlati