当前位置: 首页 > 编程笔记 >

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

荣声
2023-03-14
本文向大家介绍javascript文本框内输入文字倒计数的方法,包括了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程序设计有所帮助。

 类似资料:
  • 本文向大家介绍js计算文本框输入的字符数,包括了js计算文本框输入的字符数的使用技巧和注意事项,需要的朋友参考一下 使用JavaScript实时的计算用户当前输入的字符数函数代码: javascript实现统计字符数很简单,上面分享给大家的代码可以直接使用,希望对大家的学习有所帮助。

  • 本文向大家介绍javascript限制文本框输入值类型的方法,包括了javascript限制文本框输入值类型的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript限制文本框输入值类型的方法。分享给大家供大家参考。具体分析如下: 要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入; 重点是我希望在用户输入时就做限制,而不是提交时判断——也就是说如果用户在文本

  • 问题内容: 有没有一种快速的方法来将HTML文本输入()设置为仅允许数字键击(加’。’)? 问题答案: 注意: 这是更新的答案。下面的注释指的是一个旧版本,其中充斥着密钥代码。 JavaScript 您可以使用以下功能过滤文本的输入值(支持Copy + Paste,Drag + Drop,键盘快捷键,上下文菜单操作,不可键入的键,插入标记的位置,不同的键盘布局以及IE 9以后的所有浏览器) : 现

  • 本文向大家介绍JavaScript动态提示输入框输入字数的方法,包括了JavaScript动态提示输入框输入字数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript动态提示输入框输入字数的方法。分享给大家供大家参考。具体如下: 在QQ空间里有小纸条那么一个功能,随着你在文本框中输入多少字,上面会动态提示你“已经输入多少字”和“还可以输入多少字”,觉得挺好的,所以自己也

  • 本文向大家介绍JS限制文本框只能输入数字和字母方法,包括了JS限制文本框只能输入数字和字母方法的使用技巧和注意事项,需要的朋友参考一下 限制只能输入数字 限制只能输入字母 限制只能输入数字和字母

  • 本文向大家介绍js限制文本框只能输入数字方法小结,包括了js限制文本框只能输入数字方法小结的使用技巧和注意事项,需要的朋友参考一下 有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如,输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.value.rep