<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. QuerryRunner Tools

    package com.ydbg.gis.utils; import java.sql.SQLException; import java.util.List; import java.util.Ma ...

  2. 小公司生存，一般活过第一年，就能撑3年（读书笔记：成败关键，关键是你是否拥有现金流客户）good

    小公司生存,一般活过第一年,就能撑3年,一般能撑过3年,到第7年遇到坎,如果第7年突破,能活过10年,是想死也不容易,等到第二个七年,可以搞搞人事地震了,因为要二次创业. -------------- ...

  3. Powershell调用静态方法

    Powershell将信息存储在对象中,每个对象都会有一个具体的类型,简单的文本会以System.String类型存储,日期会以System.DateTime类型存储.任何.NET对象都可以通过Get ...

  4. IntelliJ Idea取消Could not autowire. No beans of 'xxxx' type found的错误提示

    1.问题描述 在Idea的spring工程里,经常会遇到Could not autowire. No beans of 'xxxx' type found的错误提示.但程序的编译和运行都是没有问题的, ...

  5. 牛逼的 弹出层 layer ！！！

    功能强大,实用,操作方便,文档齐全. http://layer.layui.com/api.html 常用功能代码: <!doctype html> <html> <he ...

  6. 【转】【Android UI设计与开发】之详解ActionBar的使用，androidactionbar

    原文网址:http://www.bkjia.com/Androidjc/895966.html [Android UI设计与开发]之详解ActionBar的使用,androidactionbar 详解 ...

  7. codeforces 100548F （西安现场赛F题）:容斥原理

    题目大意: 对n个排成一排的物品涂色,有m种颜色可选. 要求相邻的物品颜色不相同,且总共恰好有K种颜色,问所有可行的方案数 分析: 从m种颜色中选出k种,有c(m,k)种方法,那么我们只用考虑 k种颜 ...

  8. Best Time to Buy and Sell Stock IV 解答

    Question Say you have an array for which the ith element is the price of a given stock on day i. Des ...

  9. jetty插件配置

    1.jetty maven 插件启动设置: Base directory:${project_loc} Goals:clean -Djetty.port=8080 jetty:run 2.jetty ...

  10. MapReduce优化一（改变切片大小和Shuffle过程Reduce占用堆大小）

    /*为防止处理超大作业时超时,将io时间设为1小时         *         <property>            <name>dfs.datanode.soc ...