JavaScript实时提示输入框输入的字数

JavaScript实时提示输入框输入的字数,如下代码:


  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>   

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, 实时
, 输入
, 提示
, getelementbyid
, 字数
, 实时输入
, 字数提示
javascript提示框
input输入框限制字数、ios输入框限制字数、输入框字数限制、div做输入框 限制字数、ionic 限制输入框字数,以便于您获取更多的相关知识。

时间: 2024-10-28 12:22:49

JavaScript实时提示输入框输入的字数的相关文章

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

本文实例讲述了JavaScript动态提示输入框输入字数的方法.分享给大家供大家参考.具体如下: 在QQ空间里有小纸条那么一个功能,随着你在文本框中输入多少字,上面会动态提示你"已经输入多少字"和"还可以输入多少字",觉得挺好的,所以自己也试着做做,呵呵.   开始,我想很多人第一感觉就是通过js的 onkeydown或者onkeyup来做,中发现还可以用focus + setInterval() +blur来达到我们需要的效果,于是很快的我利用这种方法自己粗糙的写

jquery实现微博文字输入框 输入时显示输入字数 效果实现

这篇文章介绍了用jquery实现微博文字输入框 输入时显示输入字数的效果,有需要的朋友可以参考一下   效果如下: 代码如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style&g

动态显示可输入的字数提示还可以输入的字数

 这篇文章主要介绍了动态显示可输入的字数提示还可以输入的字数,需要的朋友可以参考下  代码如下: <input name="title" type="text" size="50" value="{$p.title}" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');&qu

JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)_javascript技巧

js中输出信息的方法内容如下所示: 1.文档流输出 document.write('hello'); 2.输出信息提示框 模态对话框 window.alert('要输出显示的内容'); 或 alert('要输出显示的内容'); alert(n); 3.信息确认框 var f = window.confirm('是否要进入新浪网'); confirm(""); if(f){ location.href = 'http://www.sina.com.cn'; } 4.提示输入框 windo

input输入框输入提示

input输入框输入提示 为了提高用户体验我们常常会在用户输入信息,还未提交之前给用户提示,这样就达到的提高用户体验的基本的. <html> <body> <div style="border:1px dashed #ccc;width:300px;height:200px;padding:20px"> <input type="text" name="test" id="test"

动态显示可输入的字数提示还可以输入的字数_javascript技巧

复制代码 代码如下: <input name="title" type="text" size="50" value="{$p.title}" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');"><span class="red"

javascript-JS:如何使该代码具备提示输入框是否为空,并且还能保证回删时的判断。

问题描述 JS:如何使该代码具备提示输入框是否为空,并且还能保证回删时的判断. <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <input type="text" name="text&

javascript特殊文本输入框网页特效_javascript技巧

本文实例为大家分享了特殊js文本输入框网页特效,供大家参考,具体内容如下 实例一:让文本框只带有下划线 <script type="text/javascript"> function changeTextStyle(){ //让文本框只带有下划线 //获得文本框的DOM var myText = document.getElementById("myText"); myText.style.borderColor = 'black'; //设置边框颜色

2007-01-15 18:38 动态显示用户输入的字数,文本框只能输入数字的代码

本代码可以动态显示用户输入的字数(本篇如果输入字数大于60回提示,并且自动删除超出后的字符).   <SCRIPT language=JavaScript> <!-- function charge(obj){ var maxstring; maxstring = 60; document.all.smsContentLenght.innerHTML=obj.value.length if (obj.value.length > maxstring) { obj.value = o