zoukankan      html  css  js  c++  java
  • JS 实现一个文本域显示输入的字符长度

    1.两种方法,第一种不使用JQ

    1、添加一个事件  
    onkeyup="checkLength(this,'256','chLeft');"  
    第一个参数:代表当前输入的字符;第二个参数:能输入多少个字符;第三个参数:要显示能输入多少个字符的span或者div id名称  
    //验证文本域还能输入多少个字  
    function checkLength(which,count,name) {  
           var maxChars = count;  
       if (which.value.length > maxChars)  
              which.value =   which.value.substring(0,maxChars);  
           var curr = maxChars - which.value.length;  
           document.getElementById(name).innerHTML = curr.toString();  
    }  
    

      2.使用JQ

    <title>字数限制</title>
    <style type="text/css">
    *{font-size:12px;}
    .word{color:#FF3333;}
    textarea{200px; height:40px;}
    </style>
    <script src="http://static.l99.com/js/jquery/jquery-1.2.6.pack.js" type="text/javascript"></script>
    <body>
    还可以输入<span id="word" class="word">40</span>个字<br />
    <textarea id="txt" name="" cols="" rows=""></textarea>
    <script language="javascript" type="text/javascript">
    <title>字数限制</title>
    <style type="text/css">
    *{font-size:12px;}
    .word{color:#FF3333;}
    textarea{200px; height:40px;}
    </style>
    <script src="http://static.l99.com/js/jquery/jquery-1.2.6.pack.js" type="text/javascript"></script>
    <body>
    还可以输入<span id="word" class="word">40</span>个字<br />
    <textarea id="txt" name="" cols="" rows=""></textarea>
    <script language="javascript" type="text/javascript">
    

      3.动态统计字符数

    http://blog.csdn.net/libin_1/article/details/50395192

  • 相关阅读:
    Linux重定向命令
    ls命令
    Linux常用命令_(进程管理)
    Linux常用命令_(文件操作)
    Linux常用命令_(文件查看)
    Linux常用命令_(文件搜索)
    Oracle表空间管理
    如何测试数据库表空间不足场景
    find命令
    各种比例尺标准分幅图经差、纬差表
  • 原文地址:https://www.cnblogs.com/potato-lee/p/6143291.html
Copyright © 2011-2022 走看看