javascript文本框内输入文字倒计数的方法
本文实例讲述了javascript文本框内输入文字倒计数的方法。分享给大家供大家参考。具体实现方法如下：
<html>
<head>
<title>文本框内输入文字倒计数效果</title>
<SCRIPTLANGUAGE="JavaScript">
<!--Begin
maxLen=100;//定义用户可以输入的最多字数
functioncheckMaxInput(obj){
if(obj.value.length>maxLen){//如果输入的字数超过了限制
obj.value=obj.value.substring(0,maxLen);//就去掉多余的字
remLen.innerText='您输入的内容超出了字数限制'
}
else{
remLen.innerText='还剩下'+(maxLen-obj.value.length)+'字';//计算并显示剩余字数
}
}
// End-->
</script>
</head>
<body>
<tableborder="1"width="40%"cellspacing="0"cellpadding="0"bordercolorlight="#000000"bgcolor="#808080"height="0">
<tr>
<tdwidth="100%"><b><fontcolor=ffffff>倒计数文本框</font></b></td>
</tr>
<tr>
<tdwidth="100%"height="110">
<formname=tickform>
<palign="center">
<textareaname=msgboxrows=5cols=31onKeyDown="checkMaxInput(this)"onKeyUp="checkMaxInput(this)"style="background-color:#000000;color:#FFFFFF;overflow:auto"></textarea>
</p>
</td>
</tr>
</form>
<tr>
<tdwidth="100%">
<fontalign="right"id=remLen><b></b></font>
</td>
</tr>
</table>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。