Capitolo 7. Moduli
Questo lavoro è stato tradotto utilizzando l'AI. Siamo lieti di ricevere il tuo feedback e i tuoi commenti: translation-feedback@oreilly.com
Introduzione
I form raccolgono gli input dell'utente che vengono inviati a un URL remoto o a un endpoint API. I browser moderni hanno molti tipi di input integrati nei form per testo, numeri, colori e altro ancora. Un modulo è uno dei modi principali per ottenere input dall'utente.
FormData
L'API FormData fornisce un modello di dati per accedere ai dati dei moduli. Ti evita di dover cercare i singoli elementi del DOM per ottenere i loro valori.
Ancora meglio, una volta che hai un oggetto FormData, puoi passarlo direttamente all'API Fetch per inviare il modulo. Prima dell'invio, puoi modificare o aggiungere dati all'oggettoFormData dell'oggetto.
Convalida
Per evitare che gli utenti inviino dati non validi, puoi (e dovresti) aggiungere una convalida lato client ai tuoi moduli. Può trattarsi di qualcosa di semplice come contrassegnare un campo come obbligatorio o di una logica di validazione più complessa che prevede il coordinamento di più valori del modulo o la chiamata di un'API.
In passato, gli sviluppatori dovevano ricorrere a una libreria JavaScript per eseguire la convalida dei moduli. Questo potrebbe causare problemi a causa della duplicazione dei dati, che esistono nei dati del modulo e in un oggetto in memoria utilizzato dalla libreria di convalida.
HTML5 ha aggiunto altre opzioni di validazione integrate, come ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access