Impostare la lunghezza minima di input in HTML

Mattepuffo's logo
Impostare la lunghezza minima di input in HTML

Impostare la lunghezza minima di input in HTML

HTML 5 ha portato con se molti oggetti e attributi nuovi.

Ma ad oggi, ancora non esiste un attributo specifico per controllare la lunghezza minima di una casella di input.

Possiamo, però, ovviare usando l'attributo pattern.

Dal link possiamo anche vedere che l'unico browser non compatibile è Safari.

Comunque, se vogliamo impostare una password di almeno 6 caratteri possiamo fare così:

<input type="password" name="password" value="" required pattern=".{6,}" title="Minimo 6 caratteri">

Così abbiamo reso la casella obbligatoria per inviare il form, e con una lunghezza minima di 6 caratteri.

Ovviamente pattern può essere usato per cose molto più sofisticate.

Infine, ricordatevi di fare sempre anche la validazione lato server.

Enjoy!


Condividi

Commentami!