jquery设置texteare字数限制

jquery设置texteare字数限制

方法一

<html>
<head>
<title> jquery完美实现textarea输入框限制字数</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
 $(function(){
  $("#weibo").keyup(function(){
   var len = $(this).val().length;
   if(len > 139){
    $(this).val($(this).val().substring(0,140));
   }
   var num = 140 - len;
   $("#word").text(num);
  });
 });
</script>
<style type="text/css">
h6{color:blue;}
textarea{resize:none;}

# word{color:red;}

</style>
</head>
<body>
<h6>说点什么吧,你可以输入<span>140</span>个字,现在剩余<span id="word">140</span></h6>
<textarea name="con" id="weibo" cols="45" rows="6"></textarea>
</body>
</html>
var textareaInput = function() {
   if(submitData.logInfo.length>100) {
     document.querySelector('textarea').value = submitData.logInfo.substring(0,100);
     // $('textarea').val($('textarea').val().substring(0,100));
    
   }
 }

方法二

 $('textarea').attr("maxlength","100"); 
posted @   李帆同学  阅读(122)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
TOP
点击右上角即可分享
微信分享提示