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 相关文章推荐
jQuery模拟超链接点击效果代码
Apr 21 Javascript
JavaScript设置获取和设置属性的方法
Mar 04 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
Jan 11 Javascript
JS对象创建的几种方式整理
Feb 28 Javascript
jQuery模拟窗口抖动效果
Mar 15 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
Aug 10 Javascript
Vue移动端实现图片上传及超过1M压缩上传
Dec 23 Javascript
一看就会的vuex实现登录验证(附案例)
Jan 09 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中用文本文件做数据库的实现方法
2008/03/27 PHP
PHP生成excel时单元格内换行问题的解决方法
2010/08/26 PHP
PHP CURL中传递cookie的方法步骤
2019/05/09 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
关于JS字符串函数String.replace()
2013/04/07 Javascript
Node.js模块加载详解
2014/08/16 Javascript
jquery中使用循环下拉菜单示例代码
2014/09/24 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
js验证上传图片的方法
2015/05/12 Javascript
jQuery checkbox选中问题之prop与attr注意点分析
2016/11/15 Javascript
JavaScript BASE64算法实现(完美解决中文乱码)
2017/01/10 Javascript
Angular企业级开发——MVC之控制器详解
2017/02/20 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
nodejs对express中next函数的一些理解
2017/09/08 NodeJs
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
Python2 与Python3的版本区别实例分析
2020/03/30 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
python实现文件+参数发送request的实例代码
2021/01/05 Python
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
科颜氏法国官网:Kiehl’s法国
2019/08/20 全球购物
实习教师自我鉴定
2013/12/12 职场文书
大学生个人自荐信
2014/02/24 职场文书
婚前协议书
2014/04/15 职场文书
商场客服专员岗位职责
2014/06/13 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
商品陈列协议书
2014/09/29 职场文书
民主评议党员工作总结
2014/10/20 职场文书
2020优秀员工演讲稿(三篇)
2019/10/17 职场文书
Mongodb 迁移数据块的流程介绍分析
2022/04/18 MongoDB