如何在textarea上应用min和max？

Question

在HTML5表单中是否有一种方法可以将最小和最大字符添加到textarea？我似乎可以使用模式将它应用于常规输入.

<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#the-textarea-element

对于min: source
使用Javascript如下:
使用id属性<textarea>.将id属性设置为minle(例如)ieid="minle"

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

并在您的form标记中放入以下js代码段

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

Answer 3

HTML5 解决方案，最少 5 个字符，最多 10 个字符

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

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