<html>

 <head>

     <title>enter</title>

     <script language="javascript">

         function keypress1() //text输入长度处理

         {

             var text1 = document.getElementById("mytext1").value;

             var len = 15 - text1.length;

             var show = "你还可以输入" + len + "个字";

             document.getElementById("name").innerText = show;

         }

         function keypress2() //textarea输入长度处理

         {

             var text1 = document.getElementById("myarea").value;

             var len; //记录剩余字符串的长度

             if (text1.length >= 300) //textarea控件不能用maxlength属性，就通过这样显示输入字符数了

             {

                 document.getElementById("myarea").value = text1.substr(0, 300);

                 len = 0;

             } else {

                 len = 300 - text1.length;

             }

             var show = "你还可以输入" + len + "个字";

             document.getElementById("pinglun").innerText = show;

         }

     </script>

 </head>

 <body>

     <center>

         <div style="text-align:left;">

             <h3>昵称:</h3>

             <input type="text" id="mytext1" maxlength=15 onKeyUp="keypress1()" />

             <font color="gray"><label id="name">你还可以输入15个字</label></font>

             <h3>评论内容:</h3>

             <br>

             <textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden"

             onKeyUp="keypress2()" onblur="keypress2()">

             </textarea>

             <font color="gray"><label id="pinglun">你还可以输入300个字</label></font>

         <div>

     </center>

 </body>

 </html>

此代码来自网络收集，非本博主原创

JavaScript文本框统计字数的更多相关文章

  1. javascript 文本框值变化触发事件

    javascript 文本框值变化触发事件jo.find(".price").bind('input onpropertychange', function () { me.cal ...

  2. JavaScript文本框焦点事件

    效果图如下: <!-- 当文本框获得焦点时候,如果文本框内容是 请输入搜索关键字 清空文本框,输入内容变黑色 --> <!-- 当文本框失去焦点时候,如果文本框无内容,则添加灰色的 ...

  3. Jquery 限制文本框输入字数【转】

    <script type="text/javascript" src="js/jquery.min.js" ></script> < ...

  4. js限制文本框输入字数

    //js代码 <script type="text/javascript"> function checkLen(term){ document.all.termLen ...

  5. javascript 文本框中,判断回车键触发事件 兼容IE&FireFox

    1.onkeypress&onkeydown区别 onkeypress 事件在用户按下并放开任何字母数字键时发生.但是系统按钮(例如:箭头键.功能键)无法得到识别. onkeydown 事件在 ...

  6. JS控制输入框和文本框字数

    文本框限制字数: HTML结构: JS: $('.advert-title').each(function(){ var TXTlength = $(this).text().length; // 当 ...

  7. html input 文本框的一些操作（限制输入...）

    1.取消按钮按下时的虚线框 在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容 在input里添加属性值 readonly 3.防止退后清空的TEXT ...

  8. 文本框的onchange事件，如何兼容各大浏览器

    在项目中经常会遇到对用户输入的数据进行实时校验,而不是等文本框失去焦点或用户手动点击校验. 首先分析下在哪些情况下文本框会产生change事件. 1.用户通过键盘入正常字符时: 2.用户通过键盘输入非 ...

  9. js统计文本框剩余可输入字数

    js统计文本框剩余可输入字数 <html><head runat="server"> <title></title> <scr ...

随机推荐

  1. VS2010安装项目的系统必备中添加.NET 2.0

    把DotNetFX.rar解压后的DotNetFX文件夹,放置于安装了 VS2010 的 C:\Program Files\Microsoft SDKs\Windows\v7.0A\Bootstrap ...

  2. Altium Designer多图纸原理图设计方法探讨

    1 图纸结构 包括层次式图纸的连接关系是纵向的,也就是某一层次的图纸只能和相邻的上级或下级有关系,另一种即扁平式图纸的连接关系是横向的,任何两张图纸之间都可以建立信号连接． 2 网络连接方式 Alti ...

  3. 实用C51编程的高级技巧(C51编程)

    一.C51热启动代码的编制 void main() { char data *HotPoint=(char *)0x7f; if((*HotPoint==0xaa)&&(*(--Hot ...

  4. 不建议用wxWidgets，底层有过多的bug

    不建议用wxWidgets, 搞了wxWidgets 3年,不是所说的那么容易跨平台,很多bug,不稳定, 莫名其妙的崩溃找源代码修改编译真是费时费力. 开发速度真没有使用本地sdk开发高, 很难定制 ...

  5. BZOJ3410: [Usaco2009 Dec]Selfish Grazing 自私的食草者

    3410: [Usaco2009 Dec]Selfish Grazing 自私的食草者 Time Limit: 3 Sec  Memory Limit: 128 MBSubmit: 47  Solve ...

  6. VC++6.0注释快捷键设置

    在Qt Creator,eclipse等编辑器中,都默认有注释代码的快捷键:Ctrl + /. 注释快捷键在程序编程当中的作用相当明显,提高了编程效率.我在网上找到了一个在VC++6.0工具中添加注释 ...

  7. sql Sever 修改表中的列名

    EXEC SP_RENAME 'LeInterface.iYear','iLeYear','COLUMN' EXEC SP_RENAME 'LeInterface.imonth','iLemonth' ...

  8. memory_target not supported on this system

  9. IE浏览器开启对JavaScript脚本的支持

    在IE浏览器的"工具"菜单中选择"internet选项",在弹出命令对话框中选择"安全"选项卡.在该选项卡下的"该区域的安全级别& ...

  10. [React] React Router: Redirect

    The Redirect component in react-router does exactly what it sounds like. It allows us to redirect fr ...