如何控制textarea中輸入的字元長度

2022-08-15 15:54:10 字數 1806 閱讀 7426

<

html

>

<

head

>

<

title

>控制textarea中輸入字元長度

title

>

head

>

<

body

>

<

form

>

<

textarea

name

="content"

cols

="60"

rows

="6"

onkeydown

="if(this.value.length > 140) event.returnvalue = false"

>

textarea

>

form

>

body

>

html

>

1

<

html

>

2<

head

>

3<

title

>控制textarea中輸入字元長度

title

>

4head

>

5<

body

>

6<

form

>

7<

textarea

name

="content"

cols

="60"

rows

="6"

onkeydown

="if(this.value.length > 140) event.preventdefault()"

>

textarea

>

8form

>

9body

>

10html

>

上面的**通過onkeydown事件,在輸入的字元長度超過140的時候,設定event.returnvalue為false,通過該屬性可以取消事件處理程式中呼叫函式的預設操作。

注意:這裡的event.returnvalue屬性只適用於ie,對於火狐瀏覽器可以用event.preventdefault()

<

html

>

<

head

>

<

title

>控制textarea中輸入字元長度

title

>

head

>

<

body

>

<

form

>

<

textarea

name

="content"

cols

="60"

rows

="6"

onkeyup

="if(this.value.length > 140) this.value = this.value.substr(0,140)"

>

textarea

>

form

>

body

>

html

>

這裡的通過onkeyup也可以控制輸入的字串長度不超過140,不過處理沒有上面的方式好,這裡會先顯示使用者輸入的全部內容,然後再進行擷取,顯示的內容會先多再少的刪一下,效果不是很好

textarea中限制輸入長度

要在textarea中限制輸入字元的長度,比如在twitter中要限制字元為140個,可實現的方法有 1.2.我們也可以將判斷寫在函式中,如果輸入的長度超過顯示,就顯示提示資訊,如下 function checkvalid return true 3.上述兩種方法無法判斷如果使用copy後的準確字數...

textarea中限制輸入字元長度

要在textarea中限制輸入字元的長度,比如在twitter中要限制字元為140個,可實現的方法有 1.2.我們也可以將判斷寫在函式中,如果輸入的長度超過顯示,就顯示提示資訊,如下 function checkvalid return true 3.上述兩種方法無法判斷如果使用copy後的準確字數...

如何限制TEXTAREA控制項的輸入資料長度

下面的 可以參考一下 一 我們知道文字框可以有乙個為maxlength的屬性,可以限制文字框的長度,當時備註框textarea卻沒有,那麼 要怎樣限制備註框的長度呢?其實很簡單,只有加上想這樣一句話onkeydown if this.value.length 20 就可以了,整個寫法如下 我們也可以...