快捷導(dǎo)航

javascript textarea字?jǐn)?shù)限制

更新時(shí)間：2008年09月02日 15:46:52 作者：

網(wǎng)頁(yè)中經(jīng)常會(huì)用到的一些字?jǐn)?shù)限制要求，下面的代碼應(yīng)該可以幫你解決這個(gè)問(wèn)題,下面的代碼不論是text和textarea效果都是一樣的。

這一個(gè)是讀取textarea的maxlength屬性的值，進(jìn)行計(jì)算，思路很好，但修改起來(lái)就麻煩啊，不過(guò)對(duì)于js愛(ài)好者來(lái)說(shuō)是個(gè)不錯(cuò)的參考，通過(guò)讀取屬性值進(jìn)行控制。

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

下面的這段代碼，直接計(jì)算文檔的長(zhǎng)度

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

下面的這段代碼是網(wǎng)絡(luò)上應(yīng)用比較廣泛的，有剩余字?jǐn)?shù)提示的效果代碼，推薦

<!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輸入框輸入字?jǐn)?shù)</title>  <style type="text/css">  </style> </head> <body> <form action="SaveData.asp" method="post" onSubmit="return datacheck();"> <fieldset><legend>請(qǐng)輸入內(nèi)容</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>最多字?jǐn)?shù)： <input disabled maxLength="4" name="total" size="3" value="200" class="inputtext"> 已用字?jǐn)?shù)： <input disabled maxLength="4" name="used" size="3" value="0" class="inputtext"> 剩余字?jǐn)?shù)： <input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td> </p> </fieldset> </form> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

更多的計(jì)算字符串長(zhǎng)度代碼，可以參考這一篇文章。
http://www.dbjr.com.cn/article/21343.htm

您可能感興趣的文章: