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

Posted 2023-05-07

【中文标题】如何在textarea上应用最小值和最大值？

【英文标题】：How to apply min and max on textarea?

【发布时间】：2013-08-13 15:14:02

【问题描述】：

在 html5 表单中是否可以向文本区域添加最小和最大字符？看来我可以使用模式将其应用于常规输入。

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

我在看 jquery 解决方案吗？

【问题讨论】：

见链接***.com/questions/10281962/is-it-minlength-in-html5

这里是一个例子jsfiddle.net/xhqsB/104

【参考方案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>

【讨论】：

注意这里是currently not well supported by browsers

现在它看起来像除了 IE/Edge 之外的所有浏览器

这对我不起作用。我必须将required 属性添加到textarea 并触发验证。我在 Windows 10 上使用 Google Chrome，版本 64.0.3282.167（官方版本）（64 位）。

现在90% of web users 支持，这应该是公认的答案。

【参考方案2】：

最大值：见以下代码 使用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> 

并将以下 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。

【讨论】：

action="" 在 html5 中无效

@dstonek 是的，但我故意将其留空，以便更多地关注验证。好的，我现在正在编辑。

【参考方案3】：

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

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

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

【讨论】：

那么min呢？

更多的是验证 - 在 html5 中我使用 required pattern="[^ @]*@[^ @]*" /> 电子邮件地址很好，但 textareas 没有这个但我会虽然 html5 中的 max-min 非常可取。

@AliCarikcioglu 不错，但是有没有办法在 HTML5 表单中将混合和最小字符添加到 textarea？

【参考方案4】：

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

对于 exp 为真：minlength=20 错误表达式：minlength="20"

【参考方案5】：

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

您需要在textarea 中拥有minlength、maxlength 和required