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

<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>

<!-- 用于展示当前文本域已输入字符和最大字符比,比如(1000/2000) 代表文本域已输入1000字符,最大输入2000-->

<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='发布内容不能为空'
         οnkeyup="textLimiter(this,'web-textarea-counter',1000);"
         οnfοcus="textLimiter(this,'web-textarea-counter',1000);"
         οnblur="document.getElementById('web-textarea-counter').innerHTML=''">

</textarea>

</body>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

科技颠覆未来

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值