Auto submit form

[fabioweb90]

Buongiorno forum,
Ho scritto due banali righe di codice per far si che il mio form si salvi automaticamente una volta compilati i dati..

$('.inputf1').on("focusout",function(){ //quando passo al focus di un altro input
	$('form#formUno').submit(); // salva il form
});

funziona correttamente però quando passo al campo input successivo si salva il form e devo cliccare un'altra volta per selezionarlo.. Come posso migliorare per evitare il doppio click sul campo input? si può evitare ajax?


Grazie mille

[br1]

Se chiarisci il concetto di "una volta compilati i dati" forse ti si puo' aiutare... intendi che tutti i campi del form sono stati valorizzati? o quando viene compilato e lasciato l'ultimo?

[fabioweb90]

Vero, per facilità trasmetto il link
Se provi ad esempio a modificare i campi referente puoi notare che devi cliccare due volte per iniziare a scrivere. Al primo focus salva il form e solo al secondo puoi scrivere..

Grazie

[br1]

Se usi un evento che si verifica per ogni campo e' ovvio che ogni volta che cambi campo il form venga inviato... devi scegliere un'altra logica ed usare un controllo che scatti su un solo campo (di solito l'ultimo) oppure nella gestione dell'evento verificare altre condizioni prima di far pertire il form (per esempio il completamento dei campi)

Tieni presente che comunque in questo modo non consenti all'utente un eventuale correzione delle informazioni immesse, per ul presunto beneficio di funzionalita' che sinceramente non riesco ad individuare...

[fabioweb90]

Vero hai ragione.. esigenze del cliente!
Ho provveduto cmq ad implementare il codice:

var timeoutId;


$('form input, form textarea').on('input propertychange change', function() {
    console.log('Textarea Change');
    
    clearTimeout(timeoutId);
    timeoutId = setTimeout(function() {
        // Runs 1 second (1000 ms) after the last change    
        saveToDB();
    }, 1000);
});


function saveToDB()
{
    console.log('Saving to the db');
    form = $('form#stone-form, form#stone-form-due');
	$.ajax({
		url: "/land/process.php",
		type: "POST",
		data: form.serialize(), // serializes the form's elements.
		beforeSend: function(xhr) {
            // Let them know we are saving
			$('.form-status-holder').html('Salvataggio');
		},
		success: function(data) {
			var jqObj = jQuery(data); // You can get data returned from your ajax call here. ex. jqObj.find('.returned-data').html()
            // Now show them we saved and when we did
            var d = new Date();
            $('.form-status-holder').html('Salvato' + d.toLocaleTimeString());
		},
	});
}


// This is just so we don't go anywhere  
// and still save if you submit the form
$('form#stone-form, form#stone-form-due').submit(function(e) {
	saveToDB();
	e.preventDefault();
});

Salva automaticamente i campi nome cognome cellulare ed email.. Come mai non salva P.IVA e Note??

Grazie per il supporto ed il feedback

[br1]

Dato per assodato che una funzione che usa ajax non puo' "salvare" alcunche' sul server, devi verificare lato server quali campi e valori arrivano e controllare che il tuo db accetti campi con nome P:IVA e Note