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?
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>
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.
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>