Jquery 限制文本框输入字数

<div class="right">  
                      <p>  
                          <textarea id="caseContent" name="caseContent" maxlength="200" class="area"></textarea>  
                      </p>  
                      <p>  
                          <input type="submit" value="提交评论" class="sub_bt">  
                          <script type="text/javascript">  
                              $(function () {  
                                  //匹配包含给定属性的元素,keyup在按键释放时发生  
                                  $("#caseContent").keyup(function () {  
                                      var area = $(this);  
                                      //parseInt 方法返回与保存在 numString 中的数字值相等的整数。如果 numString 的前缀不能解释为整数,则返回 NaN(而不是数字)。  
                                      var max = parseInt(area.attr("maxlength"), 10); //获取maxlength的值 转化为10进制,将输入到textarea的文本长度  
                                      //这个判断可知max得到的是不是数字,设定的大小是多少  
                                      if (max > 0) {  
  
                                          if (area.val().length > max) { //textarea的文本长度大于maxlength   
                                              area.val(area.val().substr(0, max)); //截断textarea的文本重新赋值   
                                          }  
  
                                          var yishu = area.val().length;  
                                          var sheng = max - area.val().length;  
                                          $("#lyishu").html(yishu);  
                                          $("#lsheng").html(sheng);  
                                      }  
                                  });  
                                  $("#caseContent").blur(function () {  
                                      var area = $(this);  
                                      var max = parseInt(area.attr("maxlength"), 10); //获取maxlength的值   
                                      if (max > 0) {  
  
                                          if (area.val().length > max) { //textarea的文本长度大于maxlength   
                                              area.val(area.val().substr(0, max)); //截断textarea的文本重新赋值   
                                          }  
  
                                          var yishu = area.val().length;  
                                          var sheng = max - area.val().length;  
                                          $("#lyishu").html(yishu);  
                                          $("#lsheng").html(sheng);  
                                      }  
                                  });  
  
  
                              });   
                            
                          </script>  
                          已输入 <label id="lyishu" >0</label>  个字符,还可输入 <label id="lsheng" >200</label> 个字符</p>  
                  </div>  

  

转载于:https://www.cnblogs.com/wenxinhua/p/5220431.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值