如何将最小和最大值应用于textarea？

有没有在HTML5表单中添加最小和最大字符到textarea的方法？看来我可以将它应用于使用模式的常规输入。如何将最小和最大值应用于textarea？

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

我在看jQuery解决方案吗？

来源

2013-08-12 LeBlaireau

看到链接 http://stackoverflow.com/questions/10281962/is-it-minlength-in-html5 – devanathan

下面是一个例子http://jsfiddle.net/xhqsB/104/ – Ali

HTML5溶液，分5，最多10个字符

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

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

来源

2013-08-12 10:38:06 Ali

什么关于'min'？ –

更验证 - 在html5我使用所需的模式=“[^ @] * @ [^ @] *”/>的电子邮件地址是伟大的，但textareas没有这个，但我会尽管在html5 max-min非常可取。 – LeBlaireau

@ Mr.Alien更新，请检查。 – Ali

对于最大：见下文代码
使用maxlength为最大字符。

maxlength="nuber_of_characters"

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

对于分钟：source
使用JavaScript如下：在<textarea>
使用id属性。设置id属性民乐（用于如），即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。

来源

2014-07-08 19:37:11 SohelAhmedM

action =“”在html5中无效 – dstonek

@dstonek是的，但我有故意将其留为空白，以便将更多精力放在validatoin上。好吧，我正在编辑。 – SohelAhmedM

HTML5溶液，分5，字符最多20个字符的

只是设置= “5” 到textarea标签

http://jsfiddle.net/xhqsB/603/

属性最大长度= “20” 和MINLENGTH

<form> 
     <textarea maxlength="20" minlength="5"></textarea> 
     <input type="submit" value="Check"></input> 
    </form>

来源

2015-03-23 16:04:19 ladriangb

请注意，这是[目前浏览器不支持]（http://caniuse.com/#search=minlength） – Andy0708

现在它看起来像所有的浏览器，除IE/Edge – Antoine

这不适合我。我不得不将'required'属性添加到'textarea'中，并且启动了验证。我在Windows 10上使用Google Chrome版本64.0.3282.167（官方版本）（64位）。 – Script47

如何将最小和最大值应用于textarea？

回答

相关问题