2008-09-22 115 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') 
})