网站制作学习网JS脚本→正文:提示剩余多少字符
字体:

提示剩余多少字符

JS脚本 2008/1/14 8:26:24  点击:不统计

<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);">

</text_area>

<br>

尚能输入

<input readonly type=text name=remLen size=4 maxlength=3 value="125">

个字符</div>

</form>

·上一篇:js 自适应控制图片的大小 >>    ·下一篇:标题栏跑马灯 >>
推荐文章
最新文章