javascript textarea字數限制

2019-11-21 01:38:57

字體：大中小

來源：轉載

供稿：網友

這一個是讀取textarea的maxlength屬性的值，進行計算，思路很好，但修改起來就麻煩啊，不過對于js愛好者來說是個不錯的參考，通過讀取屬性值進行控制。

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

下面的這段代碼，直接計算文檔的長度

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

下面的這段代碼是網絡上應用比較廣泛的，有剩余字數提示的效果代碼，推薦

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="robots" content="all" /> <title>JS限制textarea輸入框輸入字數</title> <SCRIPT language="javascript">  </script> <style type="text/css">  </style> </head> <body> <form action="SaveData.asp" method="post" onSubmit="return datacheck();"> <fieldset><legend>請輸入內容</legend> <textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea> <p>最多字數： <input disabled maxLength="4" name="total" size="3" value="200" class="inputtext"> 已用字數： <input disabled maxLength="4" name="used" size="3" value="0" class="inputtext"> 剩余字數： <input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td> </p> </fieldset> </form> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

更多的計算字符串長度代碼，可以參考這一篇文章。
//m.survivalescaperooms.com/article/21343.htm

上一篇：多瀏覽器兼容的動態加載 JavaScript 與 CSS第1/2頁

下一篇：IE瀏覽器PNG圖片透明效果代碼