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 相关文章推荐
Div Select挡住的解决办法
Aug 07 Javascript
jQuery 表单验证扩展代码(二)
Oct 20 Javascript
jQuery用unbind方法去掉hover事件及其他方法介绍
Mar 18 Javascript
使用Jquery实现点击文字后变成文本框且可修改
Sep 21 Javascript
完美解决IE低版本不支持call与apply的问题
Dec 05 Javascript
Node.js中使用计时器定时执行函数详解
Aug 15 Javascript
jquery文档操作wrap()方法实例简述
Jan 10 Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 Javascript
关于vue.extend和vue.component的区别浅析
Aug 16 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
Jun 18 Javascript
原生JS实现音乐播放器
Jan 26 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
php a simple smtp class
2007/11/26 PHP
php中几种常见安全设置详解
2010/04/06 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
php按字符无乱码截取中文的方法
2015/03/27 PHP
替换php字符串中的单引号为双引号的方法
2017/02/16 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
解决IE下select标签innerHTML插入option的BUG(兼容IE,FF,Opera,Chrome,Safari)
2010/05/13 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
2013/12/14 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
jQuery 如何先创建、再修改、后添加DOM元素
2014/05/20 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
微信小程序实现下载进度条的方法
2017/12/08 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
Node.js log4js日志管理详解
2018/07/31 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
微信小程序实现转盘抽奖
2020/09/21 Javascript
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
python 实现线程之间的通信示例
2020/02/14 Python
pyinstaller打包单文件时--uac-admin选项不起作用怎么办
2020/04/15 Python
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
迪奥官网:Dior.com
2018/12/04 全球购物
美国电子产品主要品牌的授权在线零售商:DataVision
2019/03/23 全球购物
一套C++笔试题面试题
2012/06/06 面试题
我的大学生活职业生涯规划
2014/01/02 职场文书
小学生自我评价范文
2014/01/25 职场文书
生物制药专业自我鉴定
2014/02/19 职场文书
年会搞笑主持词
2014/03/27 职场文书
中学生家长评语大全
2014/04/16 职场文书
2014年语文教研组工作总结
2014/12/06 职场文书
防震减灾主题班会
2015/08/14 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
redis 查看所有的key方式
2021/05/07 Redis
python前后端自定义分页器
2022/04/13 Python