632 votes

Est-il un minlength validation de l'attribut HTML5?

Semble que le minlength d'attribut pour un <input> domaine ne fonctionne pas.

Est-il un autre attribut HTML5 avec l'aide de laquelle je peux mettre à longueur minimale de la valeur pour les champs?

1375voto

Pumbaa80 Points 27066

Vous pouvez utiliser l' pattern d'attribut. L' required attribut est également nécessaire, sinon, un champ de saisie avec une valeur vide sera exclu de la contrainte de validation.

<input pattern=".{3,}" required title="3 characters minimum">
<input pattern=".{5,10}" required title="5 to 10 characters">

165voto

rhgb Points 887

Il est un minlength propriété dans la spec HTML5 maintenant, ainsi que l' validity.tooShort interface.

P. S. Ce n'a pas été mis en œuvre comme de Firefox 33.0a1 et Chrome 38.0.2071.0 canaries.

Mise à jour: HTML5 a été stable et Chrome 40.0.2209.0 canaries supporte minlength et validity.tooShort maintenant. Nous nous attendons à ce que pour être dans la version stable bientôt.

19voto

Ali Carikcioglu Points 717

Voici HTML5 seule solution (si vous voulez minlength 5, maxlength 10 caractères de validation)

http://jsfiddle.net/xhqsB/102/

<form>
  <input pattern=".{5,10}">
  <input type="submit" value="Check"></input>
</form>

12voto

Sohel Ahmed Points 96

Oui il y est. Comme son maxlength. W3.org la documentation http://www.w3.org/TR/html5/forms.html#attr-fe-minlength

En cas minlength ne fonctionne pas, utilisez pattern d'attribut, tel que mentionné par @Pumbaa80 pour inputbalise

Pour les textarea: Pour le réglage max; utiliser maxlength et min pour aller à ce lien.

Vous trouverez ici à la fois pour max et min.

5voto

m01 Points 1368

Pas du HTML5, mais pratique quand même: si vous arrive d'utiliser AngularJS, vous pouvez utiliser ng-minlength pour les entrées et les textareas. Voir aussi ce Plunk.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X