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异步加载浅析
Dec 28 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
JavaScript操作Cookie方法实例分析
May 27 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
如何让一个json文件显示在表格里【实现代码】
May 09 Javascript
Json解析的方法小结
Jun 22 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
深入理解 webpack 文件打包机制(小结)
Jan 08 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 Javascript
CountUp.js实现数字滚动增值效果
Oct 17 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
使用js获取身份证年龄的示例代码
Dec 11 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 MYSQL乱码问题,使用SET NAMES utf8校正
2009/11/30 PHP
PHP定时任务延缓执行的实现
2014/10/08 PHP
php实现扫描二维码根据浏览器类型访问不同下载地址
2014/10/15 PHP
php curl 获取https请求的2种方法
2015/04/27 PHP
jquery常用方法及使用示例汇总
2014/11/08 Javascript
input输入框内容实时监测(附代码)
2017/08/15 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
2017/09/19 jQuery
vue组件之Alert的实现代码
2017/10/17 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
React-redux实现小案例(todolist)的过程
2019/09/29 Javascript
[01:09]DOTA2次级职业联赛 - 99战队宣传片
2014/12/01 DOTA
Python中的并发处理之asyncio包使用的详解
2018/04/03 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例
2018/07/19 Python
celery4+django2定时任务的实现代码
2018/12/23 Python
python调用matlab的m自定义函数方法
2019/02/18 Python
django框架forms组件用法实例详解
2019/12/10 Python
PyQt5 界面显示无响应的实现
2020/03/26 Python
Python 中如何写注释
2020/08/28 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
主要的Ajax框架都有什么
2013/11/14 面试题
高中毕业生自我鉴定范文
2013/09/26 职场文书
工程造价管理专业大专生求职信
2013/10/06 职场文书
高一学生期末评语
2014/04/25 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
学生会竞选演讲稿纪检部
2014/08/25 职场文书
大学生操行评语大全
2014/12/31 职场文书
青岛海底世界导游词
2015/02/11 职场文书
营运督导岗位职责
2015/04/10 职场文书
装修公司管理制度
2015/08/05 职场文书
《平移和旋转》教学反思
2016/02/19 职场文书
合作意向书怎么写
2019/06/24 职场文书
Python语法学习之进程的创建与常用方法详解
2022/04/08 Python