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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
JavaScript 判断日期格式是否正确的实现代码
Jul 04 Javascript
关于URL中的特殊符号使用介绍
Nov 03 Javascript
IE、FF浏览器下修改标签透明度
Jan 28 Javascript
jQuery获取浏览器类型和版本号的方法
Jul 05 Javascript
Vue.js教程之计算属性
Nov 11 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
React组件的三种写法总结
Jan 12 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
vue配置请求本地json数据的方法
Apr 11 Javascript
JavaScript实时更新当前的时间的示例代码
Jul 15 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入门教程之正则表达式基本用法实例详解(正则匹配,搜索,分割等)
2016/09/11 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
Mac系统下搭建Nginx+php-fpm实例讲解
2020/12/15 PHP
在第一个input框内输入内容.textarea自动得到第一个文件框的值的javascript代码
2007/04/20 Javascript
YUI 读码日记之 YAHOO.util.Dom - Part.1
2008/03/22 Javascript
js下通过getList函数实现分页效果的代码
2010/09/17 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
2012/06/14 Javascript
js实现飞入星星特效代码
2014/10/17 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
Angular搜索场景中使用rxjs的操作符处理思路
2018/05/30 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
Vue-component全局注册实例
2018/09/06 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
vue 插槽简介及使用示例
2020/11/19 Vue.js
python自带的http模块详解
2016/11/06 Python
python实现学生管理系统
2018/01/11 Python
python图形开发GUI库wxpython使用方法详解
2020/02/14 Python
使用keras和tensorflow保存为可部署的pb格式
2020/05/25 Python
Python常用库Numpy进行矩阵运算详解
2020/07/21 Python
几款Python编译器比较与推荐(小结)
2020/10/15 Python
Pycharm-community-2020.2.3 社区版安装教程图文详解
2020/12/08 Python
在Ubuntu中安装并配置Pycharm教程的实现方法
2021/01/06 Python
python中numpy数组与list相互转换实例方法
2021/01/29 Python
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
Original Penguin美国官网:布拉德皮特、强尼德普喜爱的服装品牌
2016/10/25 全球购物
俄罗斯汽车零件和配件在线商店:CarvilleShop
2019/11/29 全球购物
Blank NYC官网:夹克、牛仔裤等
2020/12/16 全球购物
会计专业自我评价
2014/02/12 职场文书
应聘教师求职信
2014/07/19 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
社区六一儿童节活动总结
2015/02/11 职场文书
如何使用 resize 实现图片切换预览功能
2021/08/23 HTML / CSS
实例详解Python的进程,线程和协程
2022/03/13 Python
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript