web-dev-qa-db-fra.com

Comment appliquer min et max sur textarea?

Existe-t-il un moyen dans les formulaires HTML5 d'ajouter un caractère min et max à une zone de texte? Il semble que je puisse l'appliquer à une entrée régulière en utilisant un modèle.

<input pattern=".{3,}" title="3 characters minimum">

Suis-je à la recherche d'une solution jquery?

14
LeBlaireau

Solution HTML5, min 5, max 20 caractères

il suffit de définir l'attribut maxlength = "20" et minlength = "5" sur la balise textarea

http://jsfiddle.net/xhqsB/603/

   <form>
      <textarea maxlength="20" minlength="5"></textarea>
      <input type="submit" value="Check"></input>
   </form>
24
ladriangb

Pour max: voir code ci-dessous
Utilisez maxlength pour le caractère maximum.

maxlength="nuber_of_characters"

Source: http://www.w3.org/TR/html5/forms.html#the-textarea-element

Pour min: source
Utilisez Javascript comme ci-dessous:
utilisez l'attribut id dans <textarea>. Définissez l'attribut id sur minle (par exemple) ie id="minle"

<textarea rows="10" cols="80" maxlength="200" required id="minle" >
</textarea> 

et placez le segment de code js suivant dans votre balise form

  <form action="mango.php" method="post" id="form12" onsubmit="var text = document.getElementById('minle').value; if(text.length < 80) { alert('put more info!'); return false; } return true;">

Cela permet à l'utilisateur de saisir non. de caractères de 80 à 200.

10
SohelAhmedM

Solution HTML5, min 5, max 10 caractères

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

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