jquery 实时判断textarea输入了多少个字,并通过parent,children显示字符数
2023-10-22 11:29
jQuery
155
1
1
0
标题录入
封面图
jquery 实时判断textarea输入了多少个字,并通过parent,children显示字符数 html ``` <form> <input class="form-control" id="title" placeholder="请输入标题"> <div class="row rowdiv"> <div class="col-10"><textarea class="form-control mt-1 shici_add_text" id="yuanwen" placeholder="请输入诗词原文"></textarea></div> <div class="col-2 ">0</div> </div> <div class="row rowdiv"> <div class="col-10"><textarea class="form-control mt-1 shici_add_text" id="zhushi" placeholder="请输入诗词注释"></textarea></div> <div class="col-2"></div> </div> <div class="row rowdiv"> <div class="col-10"><textarea class="form-control mt-1 shici_add_text" id="yiwen" placeholder="请输入诗词译文"></textarea></div> <div class="col-2"></div> </div> <div class="row rowdiv"> <div class="col-10"><textarea class="form-control mt-1 shici_add_text" id="shangxi" placeholder="请输入诗词赏析"></textarea></div> <div class="col-2"></div> </div> </form> ``` js ``` $('.rowdiv textarea').bind('input propertychange',function(){ var count = $(this).val().length; if(count>16300){ alert('字太多了'); } $(this).parent().parent().children('.col-2').text(count) }) ```
上一篇:
用jquery写一个万年历
下一篇:
jquery.ajaxfileupload.js与jquery冲突
标题录入,一次不能超过6条
怎么证明自己的选择是对的?
T:0.006982s,M:246.09 KB
返回顶部
留言
留言
评论