javascript记录文本框内文字个数检测文字个数变化_javascript技巧

最近在做一个项目中遇到这样一个问题,要对文本框中用户输入的文字进行记数,在下面显示出来,因为我们做的是一个短信发送平台,现在我们国家的短信服务,如果你的信息超过了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清空文本框、javascript 文本框、文本框变化事件、js监听文本框内容变化,以便于您获取更多的相关知识。

时间: 2024-11-22 20:47:09

javascript记录文本框内文字个数检测文字个数变化_javascript技巧的相关文章

javascript记录文本框内文字个数检测文字个数变化

 最近在做一个项目中遇到这样一个问题,要对文本框中用户输入的文字进行记数,在下面显示出来,因为我们做的是一个短信发送平台,现在我们国家的短信服务,如果你的信息超过了70个字符,短信就会按二条给你下发.所以要求我们给用户显示他输入了多少个字.好便于用户知道我条信息会分几条给出. 在网了一个代码,放上去,开始使用的时候,还行,不错,可是使用了一段时间后发现了问题.就是你在删除文字后,上面的字数变化就有问题,后来研究了一下,找到问题的所在.onKeyDown="showLen(this)"

javaScript让文本框内的最后一个文字的后面获得焦点实现代码_javascript技巧

复制代码 代码如下: <script> //当失去交点以后 让文本框内的文字获得焦点 并且光标移到最后一个字后面 function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 获取焦点 }else{ setFocus.call(document.getElementById(myid)); } } var isNav = (window.navigator.appName.toLowerCase().i

JavaScript获取文本框内选中文本的方法

 这篇文章主要介绍了JavaScript获取文本框内选中文本的方法,实例分析了javascript通过onclick获取文本框选中文本的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 代码如下: <script type="text/javascript"&

JavaScript获取文本框内选中文本的方法_javascript技巧

本文实例讲述了JavaScript获取文本框内选中文本的方法.分享给大家供大家参考.具体分析如下: 这里的代码可以用来获取用户通过鼠标在文本输入框或者textarea里选择的选本. 需要注意ie的问题. 代码如下: 复制代码 代码如下: <script type="text/javascript"> function getFieldSelection(select_field) {     word='';     if (document.selection) {   

JavaScript实现将文本框的值插入指定位置的方法_javascript技巧

本文实例讲述了JavaScript实现将文本框的值插入指定位置的方法.分享给大家供大家参考.具体如下: 这里实现JavaScript将文本框的值插入当前面指定位置,这在一些表单提交场合或许我们都用到过,本代码段是将文本框的值写入到当前页的body区域内,如果你设置有其它的文本框,则可以值赋给这些文本框,可以让使用表单的用户免去输入的麻烦. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

js点击文本框后才加载验证码实例代码_javascript技巧

经常到各大网站去留言或者发帖的朋友应该知道现在很多网站的留言地方的验证码不是直接显示的.而是在点击验证码输入框之后才会显示出来验证码的.下面作者也总结了一篇关于如何利用js实现点击文本框然后再加载验证码的效果的. 废话不多说了,下面是具体的实现代码. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title

javascript 文本框水印/占位符(watermark/placeholder)实现方法_javascript技巧

Firefox/Chrome/Opera从某一版本开始已经支持这一特性,但ie系列即使是ie9也还不支持,所以需要通过javascript来兼容这些不支持placeholder特性的浏览器. 普遍的做法 现在普遍使用的做法是通过表单元素的onfocus/onblur事件来改变value值,如下: 复制代码 代码如下: <input type="text" id="text1" /> <script> var el = document.get

js控制文本框只输入数字和小数点的方法_javascript技巧

本文实例讲述了js控制文本框只输入数字和小数点的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function clearNoNum(obj) {  obj.value = obj.value.replace(/[^\d.]/g, "");//清除"数字"和"."以外的字符  obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是.  obj.

js 禁用只读文本框获得焦点时的退格键_javascript技巧

有时候难免会要用到只读的文本框,可今天发现只读文本框有一个缺陷,当鼠标焦点在文本框里面的时候按回退键(backSpace), 会退回到前一个页面,这个问题就有点烦恼了,用户又不清楚可不可以输入,他如果看到文本框想去改里面的东西,按一下,有可能前面所有填写的数据就会丢失.故此写了个方法,供大伙有需要时放入<script></script>,保管你称心如意. 复制代码 代码如下: document.documentElement.onkeydown = function(evt){ v