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


Posted in Javascript onFebruary 24, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
如果文字过长,则将过长的部分变成省略号显示
Jun 26 Javascript
js获取图片大小的函数代码
Sep 20 Javascript
Javascript中valueOf与toString区别浅析
Mar 19 Javascript
JS的千分位算法实现思路
Jul 31 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
探究JavaScript中的五种事件处理程序方式
Dec 07 Javascript
vue 实现 tomato timer(蕃茄钟)实例讲解
Jul 24 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
Feb 21 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
vue 数据双向绑定的实现方法
Mar 04 Vue.js
jQuery实现感应鼠标动画效果自动伸长的输入框实例
Feb 24 #Javascript
JS实现超过长度限制后自动跳转下一款文本框的方法
Feb 23 #Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 #Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
Feb 23 #Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 #Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 #Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 #Javascript
You might like
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
php与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
DISCUZ在win2003环境下 Unable to access ./include/common.inc.php in... 的问题终极解决方案
2011/11/21 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
php中使用in_array() foreach array_search() 查找数组是否包含时的性能对比
2015/04/14 PHP
[原创]来自ImageSee官方 JavaScript图片浏览器
2008/01/16 Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
2008/11/13 Javascript
jQuery Div中加载其他页面的实现代码
2009/02/27 Javascript
js验证模型自我实现的具体方法
2013/06/21 Javascript
创建、调用JavaScript对象的方法集锦
2014/12/24 Javascript
限制上传文件大小和格式的jQuery插件实例
2015/01/24 Javascript
form表单转Json提交的方法(推荐)
2016/09/23 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
微信小程序之网络请求简单封装实例详解
2017/06/28 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
仿iPhone通讯录制作小程序自定义选择组件的实现
2019/05/23 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
[42:27]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第三局
2016/03/05 DOTA
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
[49:28]VP vs Optic 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python实现查找两个字符串中相同字符并输出的方法
2015/07/11 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
python自动脚本的pyautogui入门学习
2020/04/01 Python
HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述
2013/01/30 HTML / CSS
explicit和implicit的含义
2012/11/15 面试题
车间副主任岗位职责
2013/12/24 职场文书
中专生职业生涯规划书范文
2013/12/29 职场文书
2014年入党积极分子党课学习心得体会模板
2014/04/03 职场文书
运动会拉拉队口号
2014/06/09 职场文书
《蜜蜂引路》教学反思
2016/02/22 职场文书