Skip to main content

Design e Comportamento dei Form

Design​

TBC - Link a componenti Figma?

Comportamento​

Submission​

Il submit dei dati di un form si esegue attraverso il clic di un apposito tasto 'submit' presente in fondo ad esso. Se uno o più campi all'interno del form sono soggetti a regole di validazione, il tasto submit è abilitato solo quando ognuno di essi rispetta le regole specificate. Per comunicare questa situazione all'utente, i campi popolati da contenuti non validi mostrano un messaggio di errore esplicativo.

Validazione​

La validazione dei campi di un form avviene per ogni campo che lo richieda e eventuali errori sono mostrati sotto del campo per ciascuno di essi che sia ritenuto non valido. Il momento della validazione varia però nei form di creazione rispetto a quelli di modifica:

1. Form di creazione​

Nei form usati per creare o aggiungere nuovi contenuti, i campi vengono validati (ove richiesto) quando l'utente li modifica.

Esempio miniatura

DATO
 un campo in un form di creazione
QUANDO
 l'utente deseleziona quel campo dopo averlo selezionato
 e lascia al suo interno un valore non valido
ALLORA
 un messaggio di errore appare sotto il campo
 e il bottone submit diventa (o resta) disabilitato

2. Form di modifica​

Nei form usati per modificare risorse o altri contenuti già esistenti e salvati in piattaforma, i campi per i quali è già presente un valore partono già pre-compilati con questo valore. La validazione di tutti i campi è dunque immediata, in modo da segnalare subito all'utente eventuali errori di incongruenza nel dato esistente dovuti a campi mancanti (la validazione attuale richiede magari la presenza di un valore, ma il dato salvato precedentemente è nullo) o valori non più accettati (la regola di validazione potrebbe essere cambiata e valori accettati in precedenza devono ora essere aggiornati di conseguenza).

Esempio

DATO
 una risorsa o contenuto già presente in piattaforma
QUANDO
 l'utente visualizza un form in modalità modifica per quel contenuto o risorsa
ALLORA
 i campi del form vengono immediatamente validati
 eventuali errori vengono visualizzati sotto ciascun campo
 ed il bottone submit viene abilitato o disabilitato di conseguenza