模板
教程
環境
性能
功能
管理
限制TextArea區的文字輸入數量
發表于：2007-05-25來源：作者：點擊數：
標簽：
一般情況下TextArea區輸入的文字數量是沒有限制的，在這里你可以限制輸入的文字數量同時顯示尚能繼續輸入的字符數。 如下javascript代碼加入html的head.../head之間： SCRIPT LANGUAGE=" Java Script" !--// function textCounter(field, countfield, maxlim
一般情況下TextArea區輸入的文字數量是沒有限制的，在這里你可以限制輸入的文字數量同時顯示尚能繼續輸入的字符數。 如下javascript代碼加入html的<head>...</head>之間：
<SCRIPT LANGUAGE="JavaScript">
<!--//
function textCounter(field, countfield, maxlimit) {
// 定義函數，傳入3個參數，分別為表單區的名字，表單域元素名，字符限制；
if (field.value.length > maxlimit)
//如果元素區字符數大于最大字符數，按照最大字符數截斷；
field.value = field.value.substring(0, maxlimit);
else
//在記數區文本框內顯示剩余的字符數；
countfield.value = maxlimit - field.value.length;
}
//-->
</SCRIPT>
如下是表單區，在HTML的<body>...</body>之間：action指向任意指定的處理程序。
<form name=myform action="">
<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" onKeyUp="textCounter(this.form.message,this.form.remLen,125);">
</textarea>
<br>
尚能輸入
<input readonly type=text name=remLen size=4 maxlength=3 value="125">
個字符</div>
</form>
