返回
首页
业界
电商
创业
访谈
手机
移动
报告
运营
建站
互联网+
系统
教程
搜索

如何实现textarea中获取动态剩余字数的方法

2019-01-15 09:21:37丽君

当然这里面实际上要求的字数也可以封装在函数内部，不过我就不封装了。这样就实现了当输入文字的时候，span内部会自动显示剩余字数，当输入值达最高值时，显示剩余字数为0，且无法在新填入内容。当删除文字的时候，span又能动态获取剩余字数。

下面上下别人的代码，这次多少也借鉴了别人的写法

html:

  • <div class="family_v2">       <p class="nickname_v2">简介：</p>  
  •      <textarea id="content" name="sign" style="height:60px;overflow-y: hidden;"        onkeyup="changeLength(this,60)" class="nicknameBox_v2 brief_box_v2">  
  •      </textarea>        <div class="limit_num_v2">  
  •          <h3>60</h3>       </div>  
  •  </div>  

    • js:

    JavaScript Code复制内容到剪贴板
  • //验证textarea的长度    function changeLength(obj,lg){   
  •     var len = $(obj).val();        $(obj).next().find("h3").text(lg-len.length);   
  •     if(len.length>=lg){            $(obj).next().find("h3").text(0);   
  •         $(obj).val(len.substring(0,lg));        }   
  • }  

    以上这篇如何实现textarea中获取动态剩余字数的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持易采站长站。

    • 相关文章 大家在看