javascript记录文本框内文字个数检测文字个数变化
作者:bea
最近在做一个项目中遇到这样一个问题,要对文本框中用户输入的文字进行记数,在下面显示出来,因为我们做的是一个短信发送平台,现在我们国家的短信服务,如果你的信息超过了70个字符,短信就会按二条给你下发。所以要求我们给用户显示他输入了多少个字。好便于用户知道我条信息会分几条给出。 在网了一个代码,放上去,开始使用的时候,还行,不错,可是使用了一段时间后发现了问题。就是你在删除文字后,上面的字数变化就有问题,后来研究了一下,找到问题的所在。onKeyDown="showLen(thi
最近在做一个项目中遇到这样一个问题,要对文本框中用户输入的文字进行记数,在下面显示出来,因为我们做的是一个短信发送平台,现在我们国家的短信服务,如果你的信息超过了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)">
猜你喜欢
您可能感兴趣的文章:
- 在HTML代码中使用JavaScript代码的例子
- JavaScript代码应该放在HTML代码哪个位置比较好?
- JavaScript基础教程之alert弹出提示框实例
- 编程语言JavaScript简介
- js父页面与子页面不同时显示的方法
- Javascript Memoizer浅析
- 让JavaScript和其它资源并发下载的方法
- JavaScript实现继承的4种方法总结
- JavaScript实现网页截图功能
- JavaScript跨域方法汇总
- js阻止事件追加的具体实现
- 用原生js做个简单的滑动效果的回到顶部
- 原生的html元素选择器类似jquery选择器
- 用原生JS获取CLASS对象(很简单实用)
- 通过JS动态创建一个html DOM元素并显示
- javascript模拟实现ajax加载框实例
- jquery幻灯片插件bxslider样式改进实例
- 微信分享的标题、缩略图、连接及描述设置方法
- js实现select组件的选择输入过滤代码