HTML and CSS Reference
In-Depth Information
Purtroppo (e questo è un attuale limite), non è possibile associare un messaggio di errore
specifico senza scrivere codice JavaScript.
L'esempio 3.15
mostra come intercettare gli
eventi
oninvalid
e
oninput
, che si verificano rispettivamente quando il campo non è
valido e quando viene inserito l'input, per agire, grazie all'uso della funzione
setCusto-
mValidity
.
Esempio 3.15
<input type="text" id="name" required
placeholder="Inserisci un nome"
oninvalid="this.setCustomValidity('Il nome va sempre in-
serito')"
oninput="setCustomValidity('')" />
Il risultato è visibile nell'immagine 3.12.
Figura 3.12
- Personalizzare il messaggio di errore è possibile ricorrendo a qualche istru-
zione JavaScript.
In alcuni casi può essere necessario bloccare la validazione. Per arrivare a questo scopo, è
sufficiente inserire l'attributo
novalidate
all'interno della form.
È anche possibile associarlo a un tag
input
, per poter inibire in un particolare fran-
gente la validazione, nella variante
formnovalidate
. Generalmente, questo attributo si
aggiunge a un pulsante, quando si vuole evitare che quest'ultimo scateni la validazione (per
esempio, perché il pulsante è associato a un'azione, come l'eliminazione di un elemento,
che non necessita dei dati inseriti nella form).