您的位置：首页 > Web前端 > JavaScript

js实现文本域的字符即时统计效果

2013-02-19 10:59 316 查看

<head>

<script type='text/javascript'>

        /**

        * 字符数判断

        * */

      function textLimiter(field, countfield, maxlimit) {

          el=document.getElementById(countfield);

          var length=maxlimit - getStringLength(field.value);

         if (length < 0) {

               field.value = getString(field, maxlimit);

                length = maxlimit - getStringLength(field.value);

         }

          el.innerHTML = "(<span>" + length + "</span>/" + maxlimit+")";

      }

      function getStringLength(ffieldValue){

           //获取ffieldValue的字符长度

      }

      function getString(field,maxlimit){

           //获取field字符中的前maxlimit个字符

      }

</script>

</head>

<body>



<div class='textarea-counter' id='web-textarea-counter'></div>

<textarea id="IE_CONENT" name="IE_CONENT" style='width:450px' class="input_solid" rows='5' validate='required' validate-msg='发布内容不能为空'

         onkeyup="textLimiter(this,'web-textarea-counter',1000);"

         onfocus="textLimiter(this,'web-textarea-counter',1000);"

        onblur="document.getElementById('web-textarea-counter').innerHTML=''">

</textarea>

</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航