zoukankan      html  css  js  c++  java
  • 用jQuery实现限制输入字数的文本框

    1.导入外部.js文件:

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

    2.在<body>标签中加入如下代码:

    <body>
            还可以输入<span id="word">140</span>个字<br />
           <textarea id="txt" name="" cols="" rows=""></textarea>
           <script language="javascript" type="text/javascript">
               $("#txt").keyup(function(){   
                   if($("#txt").val().length > 140){
                       $("#txt").val( $("#txt").val().substring(0,140) );
                   }
                   $("#word").text( 140 - $("#txt").val().length ) ;
                });
           </script>
    </body>
    

    3.如果页面加载时输入框中有默认文本,那么要在页面加载时运行如下jQuery代码,方能正确显示:

    $("#word").text( 140 - $("#txt").val().length ) ;
    
  • 相关阅读:
    jar 包说明
    WebView 下载
    动画
    activity 做出 dialog 效果
    android 数据报表
    拖动 view
    开发收集
    tomcat 5 comcat 6 区别
    android 屏幕判断
    FPS游戏
  • 原文地址:https://www.cnblogs.com/beiz/p/5238224.html
Copyright © 2011-2022 走看看