如何在textarea上应用min和max?

时间:2013-08-12 10:32:31

标签: html5 forms textarea character min

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

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

我在看一个jquery解决方案吗?

4 个答案:

答案 0 :(得分:23)

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>

答案 1 :(得分:9)

最多:请参阅下面的代码
使用maxlength获取最大字符。

maxlength="nuber_of_characters"

来源:http://www.w3.org/TR/html5/forms.html#the-textarea-element

支持分钟: source
使用Javascript如下:
<textarea>中使用id属性。将id属性设置为minle(例如),即id="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的字符。

答案 2 :(得分:1)

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

<强> http://jsfiddle.net/xhqsB/102/

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

答案 3 :(得分:1)

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

对于 exp 为真:minlength=20
错误经验:minlength="20"