JS實(shí)現(xiàn)控制Textarea文本域字符數(shù)
作者：jscss
你知道如何用JS限制Textarea文本域字符個(gè)數(shù)嗎，用JavaScript限制一個(gè)文本框TEXTAREA輸入字符多少進(jìn)行限制，常見(jiàn)于留言板或評(píng)論功能上，這一個(gè)是限制用戶不能超過(guò)多少字符，和最低需要輸入多少字符正好相反。
本文向大家簡(jiǎn)單介紹一下JS如何實(shí)現(xiàn)限制Textarea文本域字符個(gè)數(shù)，這里和大家分享一下的代碼可以適時(shí)顯示可以繼續(xù)輸入的字符長(zhǎng)度。
JS限制Textarea文本域字符個(gè)數(shù)
用JavaScript限制一個(gè)文本框TEXTAREA輸入字符多少進(jìn)行限制，常見(jiàn)于留言板或評(píng)論功能上，這一個(gè)是限制用戶不能超過(guò)多少字符，和最低需要輸入多少字符正好相反。本代碼可以適時(shí)顯示可以繼續(xù)輸入的字符長(zhǎng)度。
- <html>
- <head>
- <title>JS限制Textarea文本域字符個(gè)數(shù)</title>
- <meta http-equiv="Content-Type"
- content="text/html; charset=gb2312" />
- <SCRIPT LANGUAGE="JavaScript">
- <!--//
- function textCounter(field, countfield, maxlimit) {
- // 函數(shù)，3個(gè)參數(shù)，表單名字，表單域元素名，限制字符；
- if (field.value.length > maxlimit)
- //如果元素區(qū)字符數(shù)大于最大字符數(shù)，按照最大字符數(shù)截?cái)啵?nbsp;
- fieldfield.value = field.value.substring(0, maxlimit);
- else
- //在記數(shù)區(qū)文本框內(nèi)顯示剩余的字符數(shù)；
- countfield.value = maxlimit - field.value.length;
- }
- //-->
- </SCRIPT>
- </head>
- <body>
- <form name=myform action="">
- <textarea name="message" cols="28" rows="5"
- onKeyDown="textCounter(this.form.message,this.form.remLen,125);"
- onKeyUp="textCounter(this.form.message,
- this.form.remLen,100);"></textarea>
- 您還可以輸入:<input name="remLen" type="text"
- value="100" size="5" readonly="readonly">個(gè)字符
- </form>
- </body>
- </html>
【編輯推薦】
- Javascript解決瀏覽器兼容問(wèn)題12個(gè)技巧
- JS腳本兼容性問(wèn)題解決方案
- 解析Javascript對(duì)select下拉列表操作
- 技術(shù)分享 如何識(shí)別控制DHTML和JS中的頁(yè)面元素
- 深入學(xué)習(xí)JavaScript中Function對(duì)象語(yǔ)法
責(zé)任編輯：佚名
來(lái)源：
codefans.net
