<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. Android的两种菜单

    Android子菜单和选项菜单与上下文菜单的实现 菜单在Android开发中必不可少,可是要怎么实现各种菜单呢?是不是很头疼呢?下面我就来介绍一下: 1. 选项菜单和子菜单的实现 选项菜单:最常规的菜 ...

  2. Bundle类

    1.新建一个Bundle类 Bundle bundle=new Bundle();2.Bundle类中放入数据(key-value的形式,另一个Activity里面取数据的时候,通过key值找出对应的 ...

  3. 30种IT技能让你年薪过10万美元！

    科技行业的高薪岗位向来不少,但在不断变化的职场中,热门技能却随时在变:今天的热门技术,明天可能就会过时.美国求职网站 Dice.com 最近发布了 2015 年薪酬报告,通过对 23,470 位 IT ...

  4. HDOJ(HDU) 1587 Flowers(水、、)

    Problem Description As you know, Gardon trid hard for his love-letter, and now he's spending too muc ...

  5. leetcode-Consecutive numbers

    Write a SQL query to find all numbers that appear at least three times consecutively. +----+-----+ | ...

  6. HDU-5532(LIS-nlogn)

    思路: 解法一: 新的认识get+1,对于一个数组,可以通过记录他'<'和'>'来判断数组的升降序状态,这种方法只需要n的复杂度就可以解决问题,需要注意的一点是,每次删除一个结点在消失两个 ...

  7. Sublime Text 3配置记录

    G++ /** * 工具->编译系统->新编译系统 */ { "cmd": ["g++", "${file}", "- ...

  8. BootStrap——模态框

    模态框(Modal)是BootStrap中很棒的一个插件.可以去BootStrap菜鸟驿站里面看看. 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开 ...

  9. s16_day01

    一.基础 1.编码 ascii-->GB2312-->GB18030-->GBK-->unicode-->UTF8可变长 2.数据类型 int,long,float,co ...

  10. phpstorm xdebug调试设置样式

    由于本人比较喜欢白底的phpstorm开发环境,所以XDEBUG断点调试,F8时默认是没有背景色的,phpstorm中的设置方式如下 files -> settings -> Editor ...