<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. LeetCode_ Merge k Sorted Lists

    Merge k sorted linked lists and return it as one sorted list. Analyze and describe its complexity. / ...

  2. Android 自定义View(button)

    很多的Android入门程序猿来说对于Android自定义View,可能都是比较恐惧的,但是这又是高手进阶的必经之路,所有准备在自定义View上面花一些功夫,多写一些文章.先总结下自定义View的步骤 ...

  3. 【转】你应该知道的 10 个 VirtualBox 技巧与高级特性

    原文网址:http://www.oschina.net/translate/10-virtualbox-tricks-and-advanced-features-you-should-know-abo ...

  4. java并发5-volatile关键字解析

    http://www.cnblogs.com/dolphin0520/p/3920373.html 一.内存模型的相关概念 大家都知道,计算机在执行程序时,每条指令都是在CPU中执行的,而执行指令过程 ...

  5. HDOJ(HDU) 1678 Shopaholic

    Problem Description Lindsay is a shopaholic. Whenever there is a discount of the kind where you can ...

  6. 司机福利！Uber即将可以自己选目的地接单啦！

    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

  7. 数据库中的schema概念

    原文地址:http://blog.sina.com.cn/s/blog_7952e89001010jlj.html 数据库的初学者往往会对关系型数据库模式(schema).数据库(database). ...

  8. AngularJS和ReactJS对比

    Angular的特点: 优势: AngularJS是一套完整的框架,angular有自带的数据绑定.render渲染.angularUI库,过滤器,$filter,$directive(模板),$se ...

  9. SpringMVC拦截器（实现登录验证拦截器）

    本例实现登陆时的验证拦截,采用SpringMVC拦截器来实现 当用户点击到网站主页时要进行拦截,用户登录了才能进入网站主页,否则进入登陆页面 核心代码 首先是index.jsp,显示链接 <%@ ...

  10. dojo 学习笔记之dojo.query - query(id) 与query(class)的差别

    考虑这个样例:动态创建一个页面的时候,用new listtem()生成多个listitem, 且每一个listitem中都生成一个按钮button. 假设想要给每一个按钮都绑定一个click事件,用d ...