当前位置: 主机百科 » 资源 » 技术 » 正文

weui textarea字数限制以及动态显示输入字数的方法(jquery版本)

       
0/200
       
ipt src="//cdn.bootcss.com/jquery/3.1.0/jquery.min.js">ipt> ipt> $(function(){   var max = 200;   $('#textarea').on('input', function(){      var text = $(this).val();      var len = text.length;      $('#count').text(len);      if(len > max){        $(this).closest('.weui_cell').addClass('weui_cell_warn');      }      else{        $(this).closest('.weui_cell').removeClass('weui_cell_warn');      }   }); }) ipt>
1
  <!DOCTYPE html>  <html>  <head>  <meta name="viewport" content="width=devicewidth, initialscale=1">  <link rel='stylesheet prefetch' href='https://res.wx.qq.com/open/libs/weui/0.3.0/weui.css'>      
意见反馈
  
         
                   
0/200
         
  
  ipt src="//cdn.bootcss.com/jquery/3.1.0/jquery.min.js">ipt>  ipt>  $(function(){    var max = 200;    $('#textarea').on('input', function(){       var text = $(this).val();       var len = text.length;       $('#count').text(len);       if(len > max){         $(this).closest('.weui_cell').addClass('weui_cell_warn');       }       else{         $(this).closest('.weui_cell').removeClass('weui_cell_warn');       }    });  })  ipt>    

完整方案,需要引用jquery。

未经允许不得转载:主机百科 » weui textarea字数限制以及动态显示输入字数的方法(jquery版本)
0 赞

相关文章