javascript记录文本框内文字个数检测文字个数变化


Posted in Javascript onOctober 14, 2014

最近在做一个项目中遇到这样一个问题,要对文本框中用户输入的文字进行记数,在下面显示出来,因为我们做的是一个短信发送平台,现在我们国家的短信服务,如果你的信息超过了70个字符,短信就会按二条给你下发。所以要求我们给用户显示他输入了多少个字。好便于用户知道我条信息会分几条给出。

在网了一个代码,放上去,开始使用的时候,还行,不错,可是使用了一段时间后发现了问题。就是你在删除文字后,上面的字数变化就有问题,后来研究了一下,找到问题的所在。onKeyDown="showLen(this)" onKeyUp="showLen(this)以前每次只用了其中一个方法,而且没有者用,这二个方法是在你按下键盘与松开键盘的时候都进行计数,好了,我把程序放上来

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<mce:script language="javascript"><!-- 
function showLen(obj) 
{ 
document.getElementById("contentLen").value=obj.value.length; 
document.getElementById("smsnum").value=Math.floor(obj.value.length/70)+1; 
} 
// --></mce:script> 
</HEAD> 
<BODY> 

<textarea name="content" cols="60" rows="5" id="content" onKeyDown="showLen(this)" onKeyUp="showLen(this)">
Javascript 相关文章推荐
用JSON做数据传输格式中的一些问题总结
Dec 21 Javascript
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
iframe的父子窗口之间的对象相互调用基本用法
Sep 03 Javascript
动态的创建一个元素createElement及删除一个元素
Jan 24 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
jquery网页日历显示控件calendar3.1使用详解
Nov 24 Javascript
Angularjs添加排序查询功能的实例代码
Oct 24 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
Feb 07 Javascript
详解ES6系列之私有变量的实现
Nov 21 Javascript
详解如何使用node.js的开发框架express创建一个web应用
Dec 20 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 #Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
Oct 14 #Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 #Javascript
js解决select下拉选不中问题
Oct 14 #Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 #Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 #Javascript
网站基于flash实现的Banner图切换效果代码
Oct 14 #Javascript
You might like
配置Apache2.2+PHP5+CakePHP1.2+MySQL5运行环境
2009/04/25 PHP
探讨PHP中OO之静态关键字以及类常量的详解
2013/06/07 PHP
php 魔术方法详解
2014/11/11 PHP
自己写的php中文截取函数mb_strlen和mb_substr
2015/02/09 PHP
浅谈PHP中JSON数据操作
2015/07/01 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
网页常用特效代码整理
2006/06/23 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
JS中怎样判断undefined(比较不错的方法)
2014/03/27 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
2014/08/11 Javascript
js QQ客服悬浮效果实现代码
2014/12/12 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
python KNN算法实现鸢尾花数据集分类
2019/10/24 Python
Django视图扩展类知识点详解
2019/10/25 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
通用的Django注册功能模块实现方法
2021/02/05 Python
python编写扎金花小程序的实例代码
2021/02/23 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
主键(Primary Key)约束和唯一性(UNIQUE)约束的区别
2013/05/29 面试题
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
九州传奇上机题
2014/07/10 面试题
中专毕业生自荐信范文
2013/11/28 职场文书
入党积极分子介绍信
2014/01/17 职场文书
一位农村小子的自荐信
2014/04/07 职场文书
遗嘱继承公证书
2014/04/09 职场文书
禁烟标语大全
2014/06/11 职场文书
大学生找工作求职信
2014/07/09 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
浅谈如何写好演讲稿?
2019/06/12 职场文书
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL