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 相关文章推荐
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
Bootstrap笔记之缩略图、警告框实例详解
Mar 09 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
Apr 21 Javascript
JQuery 又谈ajax局部刷新
Nov 27 jQuery
详解Node 定时器
Feb 26 Javascript
在vue中读取本地Json文件的方法
Sep 06 Javascript
浅谈vue项目打包优化策略
Sep 29 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
利用node 判断打开的是文件 还是 文件夹的实例
Jun 10 Javascript
JS实现滑动插件
Jan 15 Javascript
vue制作toast组件npm包示例代码
Oct 29 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
ThinkPHP中url隐藏入口文件后接收alipay传值的方法
2014/12/09 PHP
php提交post数组参数实例分析
2015/12/17 PHP
PHP实现对文件锁进行加锁、解锁操作的方法
2017/07/04 PHP
PHP随机数函数rand()与mt_rand()的讲解
2019/03/25 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
基于jquery的实现简单的表格中增加或删除下一行
2010/08/01 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
jquery 页面滚动到指定DIV实现代码
2013/09/25 Javascript
Node.js实现简单聊天服务器
2014/06/20 Javascript
直接在JS里创建JSON数据然后遍历使用
2014/07/25 Javascript
JavaScript常用小技巧小结
2014/12/29 Javascript
javascript等号运算符使用详解
2015/04/16 Javascript
js实现文本框支持加减运算的方法
2015/08/19 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
微信小程序 跳转方式总结
2017/04/20 Javascript
微信小程序实现图片上传功能
2018/05/28 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
Vue 组件参数校验与非props特性的方法
2019/02/12 Javascript
vue使用video插件vue-video-player详解
2020/10/23 Javascript
js 实现碰撞检测的示例
2020/10/28 Javascript
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
pyqt和pyside开发图形化界面
2014/01/22 Python
wxPython使用系统剪切板的方法
2015/06/16 Python
python获取程序执行文件路径的方法(推荐)
2018/04/26 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
美国畅销的跑步机品牌:ProForm
2017/02/06 全球购物
捷克移动配件网上商店:ProMobily.cz
2019/03/15 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
运动会领导邀请函
2014/02/05 职场文书
餐饮总经理岗位职责
2014/03/07 职场文书
大学生演讲稿
2014/04/25 职场文书
2014年招商引资工作总结
2014/11/22 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
Python的flask接收前台的ajax的post数据和get数据的方法
2021/04/12 Python
python numpy中setdiff1d的用法说明
2021/04/22 Python