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和Java获取各种form表单信息的简单实例
Feb 14 Javascript
改变状态栏文字的js代码
Jun 13 Javascript
jQuery验证插件validation使用指南
Apr 21 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
Jul 13 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
使用JavaScript开发跨平台的桌面应用详解
Jul 27 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
Nov 24 Javascript
浅谈Vue3 Composition API如何替换Vue Mixins
Apr 29 Javascript
vue-amap根据地址回显地图并mark的操作
Nov 03 Javascript
JavaScript继承的三种方法实例
May 12 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
snoopy PHP版的网络客户端提供本地下载
2008/04/15 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2010/12/29 PHP
PHP中PDO的错误处理
2011/09/04 PHP
php生成略缩图代码
2012/07/16 PHP
JavaScript中的排序算法代码
2011/02/22 Javascript
使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体
2013/01/15 Javascript
高效的获取当前元素是父元素的第几个子元素
2013/10/15 Javascript
JS正则表达式获取分组内容的方法详解
2013/11/15 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
jQuery中prop()方法用法实例
2015/01/05 Javascript
jquery操作复选框checkbox的方法汇总
2015/02/05 Javascript
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
jquery实现表单验证并阻止非法提交
2015/07/09 Javascript
轻松学习Javascript闭包函数
2015/12/15 Javascript
Highcharts使用简例及异步动态读取数据
2015/12/30 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
bootstrapfileinput实现文件自动上传
2016/11/08 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
基于react组件之间的参数传递(详解)
2017/09/05 Javascript
vue点击input弹出带搜索键盘并监听该元素的方法
2018/08/25 Javascript
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
JS跨浏览器解析XML应用过程详解
2020/10/16 Javascript
Python实现冒泡,插入,选择排序简单实例
2014/08/18 Python
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
Python实现快速排序和插入排序算法及自定义排序的示例
2016/02/16 Python
荣耀商城:HIHONOR
2020/11/03 全球购物
优秀护士演讲稿
2014/04/30 职场文书
小学节能减排倡议书
2014/05/15 职场文书
债务授权委托书范本
2014/10/17 职场文书
企业文化学习心得体会
2016/01/21 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python
如何利用Python实现n*n螺旋矩阵
2022/01/18 Python
Vue中使用import进行路由懒加载的原理分析
2022/04/01 Vue.js
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL