Corsi on-line

Disattivazione del pulsante “Invio” per i moduli con jQuery

Quando si realizza un form per il feedback, è possibile includere nel modulo diverse tipologie di controlli per la validazione dei parametri di input; la loro scelta dipende da molteplici fattori, lo sviluppatore potrebbe per esempio voler ottenere informazioni quanto più dettagliate possibili, oppure lasciare la massima libertà all’utilizzatore scegliendo di rendere obbligatori soltanto i dati più importanti, come per esempio un’indirizzo email per la conferma dell’invio o per un’eventuale risposta.

Nel caso in cui desideriate realizzare un form tramite il quale raccogliere il maggior numero di informazioni possibili, potrebbe essere una buona idea disabilitare il pulsante “Invio” prima del completamento del modulo, ciò impedirà anche che gli utenti possano premere su di esso prima di aver digitato tutti i campi richiesti; insomma, un controllo ulteriore da associare a quello sui singoli campi.

Tale operazione diventerà particolarmente semplice tramite il framework JavaScript jQuery, basterà infatti utilizzare un semplice snippet come il seguente:

$('#input').keypress(function(event) {
if (event.which == 13) {
event.preventDefault();
}
});

In pratica, il controllo proposto nell’esempio è stato concepito per intercettare la pressione del pulsante “Invio” (cioè l’evento corrispondente) e renderla inefficace per l’invio del modulo; “13” è infatti il keycode (o key number) corrispondente al tasto “Invio”.

Post correlati
I più letti del mese
Tematiche