JS實現控制Textarea文本域字符數
作者：jscss
你知道如何用JS限制Textarea文本域字符個數嗎，用JavaScript限制一個文本框TEXTAREA輸入字符多少進行限制，常見于留言板或評論功能上，這一個是限制用戶不能超過多少字符，和最低需要輸入多少字符正好相反。
本文向大家簡單介紹一下JS如何實現限制Textarea文本域字符個數，這里和大家分享一下的代碼可以適時顯示可以繼續輸入的字符長度。
JS限制Textarea文本域字符個數
用JavaScript限制一個文本框TEXTAREA輸入字符多少進行限制，常見于留言板或評論功能上，這一個是限制用戶不能超過多少字符，和最低需要輸入多少字符正好相反。本代碼可以適時顯示可以繼續輸入的字符長度。
- <html>
- <head>
- <title>JS限制Textarea文本域字符個數</title>
- <meta http-equiv="Content-Type"
- content="text/html; charset=gb2312" />
- <SCRIPT LANGUAGE="JavaScript">
- <!--//
- function textCounter(field, countfield, maxlimit) {
- // 函數，3個參數，表單名字，表單域元素名，限制字符；
- if (field.value.length > maxlimit)
- //如果元素區字符數大于最大字符數，按照最大字符數截斷；
- fieldfield.value = field.value.substring(0, maxlimit);
- else
- //在記數區文本框內顯示剩余的字符數；
- 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">個字符
- </form>
- </body>
- </html>
【編輯推薦】
- Javascript解決瀏覽器兼容問題12個技巧
- JS腳本兼容性問題解決方案
- 解析Javascript對select下拉列表操作
- 技術分享 如何識別控制DHTML和JS中的頁面元素
- 深入學習JavaScript中Function對象語法
責任編輯：佚名
來源：
codefans.net
