网页制作
作者： 当当的叶子 摘要: 在文本域的edit输入中在一定的需求上，有的时候需要控制字数的输入，这个时候一般为了不加大服务器的负担，200%的coder都会想到用客户端的javascript来控制字数，下面的代码就是用来实现这个功能，屡试不爽！^0^。
这个是需要用到的javascript处理程式：
| 程序代码： | [ 复制代码到剪贴板 ] |
<script language="javascript">
function gbcount(message,total,used,remain)
{
var max;
max=total.value;
if(message.value.length > max){
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
alert('不能超过300个字!');
}
else{
used.value = message.value.length;
remain.value = max - used.value;
}
}
</script>
function gbcount(message,total,used,remain)
{
var max;
max=total.value;
if(message.value.length > max){
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
alert('不能超过300个字!');
}
else{
used.value = message.value.length;
remain.value = max - used.value;
}
}
</script>
在文本域中用keydown和keyup的方法来控制事件发生，至于需要控制多少个字符，你可以根据自己的需要设定。
| 程序代码： | [ 复制代码到剪贴板 ] |
<textarea name="F_C_Desc" cols="60" rows="8" id="memo1" onkeydown=gbcount(this.form.memo1,this.form.total1,this.form.used1,this.form.remain1); onkeyup=gbcount(this.form.memo1,this.form.total1,this.form.used1,this.form.remain1);>#F_C_Desc#</textarea>
<br>
最多字数：<INPUT disabled maxLength=4 name=total1 size=3 value=500>
已用字数：<INPUT disabled maxLength=4 name=used1 size=3 value=0>
剩余字数：<INPUT disabled maxLength=4 name=remain1 size=3 value=500>
<br>
最多字数：<INPUT disabled maxLength=4 name=total1 size=3 value=500>
已用字数：<INPUT disabled maxLength=4 name=used1 size=3 value=0>
剩余字数：<INPUT disabled maxLength=4 name=remain1 size=3 value=500>
但需要注意的是：
在文本域中包含的字符在使用DW编辑的时候不要留有空格这样的话，会被textarea误认而无法去除。
| Tags (标签) | 引用通告地址 (1) |
| Tags: Html | JavaScript |
 http://www.gogogo8.com/ver2/Blog/trackback.asp?tbID=354 http://www.gogogo8.com/ver2/Blog/trackback.asp?tbID=354&CP=GBK |
