Как применить мин и макс на текстовой области?

Question

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

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

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

Answer 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>

Answer 2

Для макс: см. Код ниже
использование maxlength для максимального характера.

maxlength="nuber_of_characters"

Источник: http://www.w3.org/TR/html5/forms.html

Для мин: источник
Используйте 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;">

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

Answer 3

      <textarea
  name="myTextarea"
  minlength="10"
  maxlength="50"
  required
></textarea>

Тебе нужно иметь minlength, maxlengthА ТАКЖЕ requiredв textarea

Answer 4

HTML5 решение, минимум 5, максимум 10 символов

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

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

Answer 5

вы можете использовать minlength=20. пожалуйста, не используйте "".

для exp true: minlength=20false exp: minlength="20"