2008-09-22 111 views

回答

127

有2级主要的解决方案:

纯HTML之一:

<input type="text" id="Textbox" name="Textbox" maxlength="10" /> 

JavaScript的一个(将其连接到安其事件):

function limitText(limitField, limitNum) { 
    if (limitField.value.length > limitNum) { 
     limitField.value = limitField.value.substring(0, limitNum); 
    } 
} 

但无论如何,有没有好的解决方案你无法适应每个客户的错误HTML实现,这是一场不可能的胜利战斗。这就是为什么在服务器端用PHP/Python /任何脚本检查它好得多。

41

有一个maxlength属性

<input type="text" name="textboxname" maxlength="100" /> 
+1

这是真的,但有些客户不检查。特别是对于基于手机的客户而言。 – Drejc 2008-09-22 06:31:48

+0

也有删除它们的方法。例如,Firefox Web Developer Extension具有删除最大长度功能。 – 2008-09-24 02:55:47

+0

随着铬和它的开发工具包(它与浏览器)它很容易删除这些东西在html – AntonioCS 2012-03-19 13:37:18

11

除了上述,我想指出,客户端验证(HTML代码,JavaScript等)是永远不够的。还要检查服务器端的长度,或者根本不检查(如果允许人们绕过它并不重要,那么它也不足以确保任何步骤来防止这种情况发生)。

此外,研究员,他(或她)说HTML,而不是XHTML。 ;)

1

对于<输入>元素有maxlength属性:

<input type="text" id="Textbox" name="Textbox" maxlength="10" /> 

(顺便说一下,类型为“文本”,而不是“文本框”为别人写),但是,你有使用JavaScript与<textarea> s。无论如何,无论如何都应该在服务器上检查长度。

0

您可以设置使用jQuery最大长度是非常快的

jQuery(document).ready(function($){ //fire on DOM ready 
setformfieldsize(jQuery('#comment'), 50, 'charsremain') 
})