`

js实时提示文本框还能输入的字数

阅读更多

  1. //实时提示文本框还能输入的字数  
  2. function countChar(textareaName,spanName){  
  3.         var val = document.getElementById(textareaName).value;  
  4.          if(300-val.length <=0) {  
  5.             document.getElementById(spanName).innerHTML = 0;  
  6.             document.getElementById(textareaName).value = val.substring(0,300);  
  7.          }else{  
  8.             document.getElementById(spanName).innerHTML = 300-val.length;  
  9.             document.getElementById("tiaoshu").innerHTML = Math.floor(val.length/71)+1;  
  10.          }  
  11.     }  
  12.   
  13. <textarea id="content" name="content"  
  14.                     style="width: 550px; height: 200px;" onBlur="checkContent()" onkeydown='countChar("content","counter");' onkeyup='countChar("content","counter");'></textarea>  

分享到:
评论

相关推荐

    原生js text文本框输入字数限制长度提示

    原生js text文本框输入字数限制长度提示

    js判断文本框剩余可输入字数的方法

    目的:为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字,项目中需要通过判断提示文本框剩余可输入字数 JS实现方法 代码如下:&lt;html&gt;  &lt;head runat=”server”&gt;   &lt;title&gt;&lt;/...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    jQuery textarea文本框输入文字字数限制提示代码,设置固定输入字符,实时计算显示已经输入多少字符。

    js实现多行文本框统计剩余字数功能

    本文主要介绍了js实现多行文本框统计剩余字数功能的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

    js实时计算字数提醒的文本框

    原理很简单就是根据文本框触发的onkeyup事件来获得当前文本框字符的长度,然后文本框允许输入的最大字符数来减去当前的字符数,并用label控件显示出来就可以了。 效果图:演示代码: enter 昵称: 你还可以输入15...

    JavaScript实现统计文本框Textarea字数增强用户体验

    现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验。...

    js实现文本框输入文字个数限制代码

    通常情况下,文本框输入的文字个数并不是无限制的,一般都会限定一个输入最高上限,较为人性化的网站可能会有可输入字数倒计效果,比如还剩余20可以输入这样的提示,下面就通过一个实例介绍一下如何实现此效果。...

    js限制文本框输入长度两种限制方式(长度、字节数)

    实时显示可输入的字数(字节数) 2.两种限制方式(长度、字节数) 3.中文输入法下可正常使用,无BUG 4.同一页面可以使用多个,相互不干扰 limit.js 代码如下: function limit(){ var txtNote;//文本框 var txtLimit;...

    JavaScript动态提示输入框输入字数的方法

    本文实例讲述了JavaScript动态提示输入框输入字数的方法。分享给大家供大家参考。具体如下: 在QQ空间里有小纸条那么一个功能,随着你在文本框中输入多少字,上面会动态提示你“已经输入多少字”和“还可以输入多少...

    JavaScript中统计Textarea字数并提示还能输入的字符

    现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验。...

    基于JS实现textarea中获取动态剩余字数的方法

    案例介绍:我们常见到有的网站有textarea文本框,当你输入的时候,下面有文字提示还能输入多少个字,今天就是要实现这个功能。当然,由于一个页面有好几个textarea,所以使用单个js逻辑进行控制是不行的,得小小的...

    Javascript实现字数统计

    现在流行的Twitter等微博客网站,有一个很好的用户体验,就是在文本框中输入文字的时候,会自动统计输入的字符,并显示用户还能输入的字符,在限制了140个字的微博客中,这样的小提示可以很好的增强用户体验。

    js仿微博实现统计字符和本地存储功能

    例如:我们在发微博时,文本框会实时地提示我们剩余字符数,这样人性化的提示方便了用户知道微博字数的限制,同时也限制了用户的输入字数。 有一句话我们要牢记在心的是:凡是输入,必有限制;凡是输入,必须校验。 ...

    程序天下:JavaScript实例自学手册

    3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊...

    如何实现textarea中获取动态剩余字数的方法

    案例介绍:我们常见到有的网站有textarea文本框,当你输入的时候,下面有文字提示还能输入多少个字,今天就是要实现这个功能。当然,由于一个页面有好几个textarea,所以使用单个js逻辑进行控制是不行的,得小小的...

Global site tag (gtag.js) - Google Analytics