JavaScript: forzare un determinato formato per i valori dei campi dei form

Alcuni campi dei form devono essere compilati in un formato preciso. Possiamo usare JavaScript per permettere che ciò avvenga.

Supponiamo di avere un campo che contenga il codice fiscale di un utente. Man mano che l'utente digita, tutti i caratteri alfabetici dovranno essere in maiuscolo.

const taxCode = document.querySelector('#taxcode');

taxCode.addEventListener('keyup', () => {
   let value = taxCode.value;
   taxCode.value = value.toUpperCase(); 
}, false);

Abbiamo usato l'evento keyup che si innesca quando un tasto viene rilasciato. In questo modo il formato maiuscolo verrà rispettato. Ovviamente lato server si consiglia sempre di forzare il formato prima del salvataggio nel database.