How to apply min and max on textarea?

LeBlaireau picture LeBlaireau · Aug 12, 2013 · Viewed 57.5k times · Source

Is there a way in HTML5 forms to add a min and max character to a textarea? It seems I can apply it to a regular input using pattern.

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

Am I looking at a jquery solution?

Answer

ladriangb picture ladriangb · Mar 23, 2015

HTML5 solution, min 5, max 20 characters

just set the attribute maxlength="20" and minlength="5" to the textarea tag

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

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