如何对HTML中的文本输入强加字符限制?
答案 0 :(得分:132)
有两个主要解决方案:
纯HTML:
<input type="text" id="Textbox" name="Textbox" maxlength="10" />
JavaScript one(将其附加到onKey事件):
function limitText(limitField, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
}
}
但无论如何,没有好的解决方案。你不能适应每个客户的糟糕HTML实现,这是一场不可能的胜利。这就是为什么在服务器端使用PHP / Python /任何脚本检查它会好得多。
答案 1 :(得分:43)
有一个maxlength属性
<input type="text" name="textboxname" maxlength="100" />
答案 2 :(得分:11)
除了上述内容之外,我还想指出客户端验证(HTML代码,javascript等)永远不够。还要检查服务器端的长度,或者根本不检查(如果它不是那么重要,以至于人们可以绕过它,那么真正保证任何阻止它的步骤都不够重要。)< / p>
另外,研究员,他(或她)说HTML,而不是XHTML。 ;)
答案 3 :(得分:5)
使用“maxlength”属性,正如其他人所说的那样。
如果您需要在文本区域上放置最大字符长度,则需要转到Javascript。看看这里:How to impose maxlength on textArea in HTML using JavaScript
答案 4 :(得分:1)
对于&lt; input&gt;元素有maxlength属性:
<input type="text" id="Textbox" name="Textbox" maxlength="10" />
(顺便说一句,类型是“text”,而不是“textbox”,正如其他人正在写的那样),但是,你必须使用javascript和&lt; textarea&gt; s。无论哪种方式,都应该在服务器上检查长度。
答案 5 :(得分:0)
你可以用jquery设置maxlength,这是非常快的
jQuery(document).ready(function($){ //fire on DOM ready
setformfieldsize(jQuery('#comment'), 50, 'charsremain')
})