基于jQuery实现仿微博发布框字数提示

前端技术 2023/09/04 JavaScript

jQuery实现仿微博发布框字数提示，主要是运用字符串操作！

效果图：

HTML:

<textarea name=\"\" id=\"\" cols=\"30\" rows=\"10\"></textarea><br>
<span>你还可以输入<strong style=\"color:red;\">140</strong>个字</span>

JQ:

  $(function(){
    var maxlength=140;//初始化最大字数
    $(\"textarea\").keyup(function(){
    var l=$(this).val().length;
    $(\"strong\").text(maxlength-l);//还可以输入多少个
    //字数超出
    if(parseInt($(\"strong\").text())<0){
      $(\"strong\").text(0);//强制字数
      var val=$(this).val().substring(0,140);/*截取指定的字符串，左闭右开*/
      $(this).val(val);
    }
  });
  })

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持phpstudy。

本文地址：https://www.stayed.cn/item/11006

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案