随笔 - 20  文章 - 0  评论 - 0  阅读 - 9019

textarea 标签 设置最长字数和显示剩余字数

html:

1
2
3
4
5
6
<textarea id="Remark" class="form-control" maxlength="150" oninput="TextareaFontLength('Remark')"  onchange="this.value = this.value.substring(0, 150);TextareaFontLength('Remark')" onkeydown="this.value = this.value.substring(0, 150);TextareaFontLength('Remark')" onkeyup="this.value = this.value.substring(0, 150);TextareaFontLength('Remark')"style="height:100px;"></textarea>
             <div style="text-align:right">
                 <span id="span_Font_Length" style="font-size: 14px;">0</span>
                 <span style="font-size: 14px;">/</span>
                 <span style="font-size: 14px;">150</span>
             </div>

js:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
  
       //TextArea 实时显示字数
       function TextareaFontLength(id) {
           var strTeatArea = $("[id$='" + id + "']").val().length;
           $("[id$='span_Font_Length']").text(strTeatArea);
       }
 
   </script>

  

posted on   搁浅的小鲸鱼  阅读(1105)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示