html - 如何在textarea上应用最小值和最大值？

Question

HTML5 表单中有没有办法向文本区域添加最小和最大字符？看来我可以使用模式将它应用于常规输入。

<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

For min: source
使用 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

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

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

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

Answer 4

您可以使用 minlength=20。不使用 ””。

对于 exp 真：minlength=20
假 exp：minlength="20"