Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    doppio inserimento record dopo submit

    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);
          }
        });
      });
    });
    aquatimer2000

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,131
    Probabilmente per usi due eventi click e submit, hai provanto eliminando il click?
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.