Ciao a tutti
nel seguente codice, ho una form per inserimento utenti .. la sto facendo per esercizio..
Nella form ci sono dei controlli sui campi di input.. (Bootstrap) e al momento solo il nome è obbligatoriamente richiesto (tanto per fare un test)
Nel momento in cui invio, se non inserisco il nome, giustamente la form non va avanti, ma subito dopo aver inserito il nome, ed aver superato il controllo, viene fatta la chiamata ajax, ma vengono inseriti 2 record. Come se la chiamata fosse fatta 2 volte.
O meglio, vengono inseriti tanti record per quante volte ho cliccato sul submit
Che cosa sbaglio?
Come posso risolvere?
Grazie a tutti !
codice:
<form data-toggle="validator" class="form-horizontal" role="form" id="formUtentiInserisci" method="POST">
<fieldset>
<div class="form-group">
<label for="nome" class="col-sm-3 col-lg-3 control-label">nome:</label>
<div class="col-sm-5 col-lg-5">
<input type="text" class="form-control" id="nome" name="nome" minlength="3" required />
</div>
</div>
<div class="form-group">
<label for="cognome" class="col-sm-3 col-lg-3 control-label field">cognome:</label>
<div class="col-sm-5 col-lg-5">
<input type="text" class="form-control" id="cognome" name="cognome" minlength="3" />
</div>
</div>
<div class="form-group">
<label for="user" class="col-sm-3 col-lg-3 control-label field">user:</label>
<div class="col-sm-5 col-lg-5">
<input type="text" class="form-control" id="user" name="user" minlength="3" />
</div>
</div>
<div class="form-group">
<label for="password" class="col-sm-3 col-lg-3 control-label field">password provvisoria:</label>
<div class="col-sm-5 col-lg-5">
<input type="password" class="form-control" id="password" name="password" minlength="3" />
</div>
</div>
<div class="form-group">
<div class="col-sm-3 col-lg-3 col-sm-offset-3">
<button type="submit" id="utenteAggiungi" class="btn btn-success" value="elaborazione"><span class="glyphicon glyphicon-search"></span> AGGIUNGI UTENTE</button>
</div>
</div>
</fieldset>
</form>
codice:
$(document).on("click","#utenteAggiungi",function (){
$('#formUtentiInserisci').submit(function (e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "_1/addUtenti.php",
data: $("#formUtentiInserisci").serialize(), // serializes the form's elements.
success: function(data) {
$('#tableUtenti').DataTable().ajax.reload();
$('#formUtentiInserisci')[0].reset();
}
},
error: function (jXHR, textStatus, errorThrown) {
alert(errorThrown);
}
});
});
});