Как применять min и max на textarea?

Есть ли способ в форматах HTML5 добавить символ min и max в текстовое поле? Кажется, я могу применить его к регулярному вводу с использованием шаблона.

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

Я смотрю на решение jquery?

Ответы

Ответ 1

Решение HTML5, мин. 5, не более 20 символов

просто установите атрибут maxlength = "20" и minlength = "5" в тег textarea

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

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

Ответ 2

Для max: см. ниже код
Используйте maxlength для максимального символа.

maxlength="nuber_of_characters"

Источник: http://www.w3.org/TR/html5/forms.html#the-textarea-element

Для min: источник
Используйте Javascript, как показано ниже:
используйте атрибут id в <textarea>. Установите атрибут id на minle (например, т.е. id="minle"

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

и добавьте следующий сегмент кода js в тэг 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;">

Это позволяет пользователю вводить no. символов от 80 до 200.

Ответ 3

Решение HTML5, мин. 5, не более 10 символов

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

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