javascript记录文本框内文字个数检测文字个数变化
更新时间：2014年10月14日 17:14:06 投稿：whsnow
要对文本框中用户输入的文字进行记数，在下面显示出来，经研究找到个不错的方法，可以完美解决在删除文字后，字数变化问题
最近在做一个项目中遇到这样一个问题，要对文本框中用户输入的文字进行记数，在下面显示出来，因为我们做的是一个短信发送平台，现在我们国家的短信服务，如果你的信息超过了７０个字符，短信就会按二条给你下发。所以要求我们给用户显示他输入了多少个字。好便于用户知道我条信息会分几条给出。
在网了一个代码，放上去，开始使用的时候，还行，不错，可是使用了一段时间后发现了问题。就是你在删除文字后，上面的字数变化就有问题，后来研究了一下，找到问题的所在。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)">
相关文章
一套值得分享和大家收藏的Bootstrap学习教程，完整的知识体系，系统的学习资料，帮助大家开启Bootstrap Table学习之旅，享受学习的乐趣2016-11-11
这篇文章主要介绍了使用JavaScript实现旋转的彩圈特效的相关资料,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了小程序识别身份证，银行卡，营业执照，驾照的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
本文给大家汇总介绍了3种javascript数组去重的方法以及示例，十分的简单实用，有需要的小伙伴可以参考下。2015-07-07
easyui combobox开启搜索自动完成功能的实例代码
下面小编就为大家带来一篇easyui combobox开启搜索自动完成功能的实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了javascript合并表格单元格实例代码,在某些应用中需要动态的合并单元格，感兴趣的朋友可以参考一下2016-01-01
这篇文章主要介绍了js实现固定显示区域内自动缩放图片的方法,实例分析了javascript操作页面元素及属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-07-07
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
这篇文章主要介绍了基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-12-12
本文介绍将Bootstrap的二级菜单由点击显示改为鼠标悬停显示的具体实现方法，希望对大家有所帮助。2016-04-04
弦图，是一种表示实体之间相互关系的图形方法。这篇文章主要为大家详细介绍了如何通过D3.js实现绘制和弦图，文中的示例代码讲解详细，对我们学习D3.js有一定的帮助，需要的可以参考一下2022-11-11
最新评论