javascript文本框内输入文字倒计数的方法

前端技术 2023/09/09 JavaScript

本文实例讲述了javascript文本框内输入文字倒计数的方法。分享给大家供大家参考。具体实现方法如下：

复制代码 代码如下:
<html>
<head>
<title>文本框内输入文字倒计数效果</title>
<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Begin
maxLen = 100; //定义用户可以输入的最多字数
function checkMaxInput(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>
<table border=\"1\" width=\"40%\" cellspacing=\"0\" cellpadding=\"0\" bordercolorlight=\"#000000\" bgcolor=\"#808080\" height=\"0\">
 <tr>
  <td width=\"100%\"><b><font color=ffffff>倒计数文本框</font></b></td>
 </tr>
 <tr>
  <td width=\"100%\" height=\"110\">
   <form name=tickform>
    <p align=\"center\">
     <textarea name=msgbox rows=5 cols=31 onKeyDown=\"checkMaxInput(this)\" onKeyUp=\"checkMaxInput(this)\" style=\"background-color: #000000; color: #FFFFFF;overflow:auto\"></textarea>
    </p>
   </td>
  </tr>
</form>
 <tr>
  <td width=\"100%\">
   <font align=\"right\" id=remLen><b></b></font>
  </td>
 </tr>
</table>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/25672

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案