WEB开发网
开发学院网页设计JavaScript jquery实现判断输入文字个数的代码 阅读

jquery实现判断输入文字个数的代码

 2013-07-12 14:04:50 来源:WEB开发网   
核心提示: <input type="text" maxlength="30" class="int_txt" name="album_name" id="album_name"><span class=&qu

<input type="text" maxlength="30" class="int_txt" name="album_name" id="album_name">
  <span class="count_txt"><span id="name_word">0</span>/30</span>

3、贴张图看下效果

1、js代码部分

<script type="text/javascript">
       $(function() {

        function albumName() {
               var text = $("#album_name").val();
              var counter = text.length;
               $("#numtj var").text(counter);
              $(document).keyup(function() {
                  var text = $("#album_name").val();
                  var counter = text.length;
                 $("#name_word").text(counter);
              });
           }
       });
 </script>

2、html部分

<input type="text" maxlength="30" class="int_txt" name="album_name" id="album_name">
  <span class="count_txt"><span id="name_word">0</span>/30</span>

上一页  1 2 

Tags:jquery 实现 判断

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接