多行文本框textarea的字数控制动态提示。(剩余字数提醒)

  1. <script type="text/javascript">  
  2.         //多行文本输入框剩余字数计算  
  3.         function checkMaxInput(obj, maxLen) {  
  4.             if (obj == null || obj == undefined || obj == "") {  
  5.                 return;  
  6.             }  
  7.             if (maxLen == null || maxLen == undefined || maxLen == "") {  
  8.                 maxLen = 100;  
  9.             }  
  10.   
  11.             var strResult;  
  12.             var $obj = $(obj);  
  13.             var newid = $obj.attr("id") + 'msg';  
  14.   
  15.             if (obj.value.length > maxLen) { //如果输入的字数超过了限制  
  16.                 obj.value = obj.value.substring(0, maxLen); //就去掉多余的字  
  17.                 strResult = '<span id="' + newid + '" class=\'Max_msg\' ><br/>剩(' + (maxLen - obj.value.length) + ')字</span>'//计算并显示剩余字数  
  18.             }  
  19.             else {  
  20.                 strResult = '<span id="' + newid + '" class=\'Max_msg\' ><br/>剩(' + (maxLen - obj.value.length) + ')字</span>'//计算并显示剩余字数  
  21.             }  
  22.   
  23.             var $msg = $("#" + newid);  
  24.             if ($msg.length == 0) {  
  25.                 $obj.after(strResult);  
  26.             }  
  27.             else {  
  28.                 $msg.html(strResult);  
  29.             }  
  30.         }  
  31.   
  32.         //清空剩除字数提醒信息  
  33.         function resetMaxmsg() {  
  34.             $("span.Max_msg").remove();  
  35.         }  
  36. </script>  


调用方法:

[html]  view plain  copy
  1.       
  2. <tr>  
  3.     <td align="right" valign="top">  
  4.         备注:  
  5.     </td>  
  6.     <td colspan="5">  
  7.         <textarea id="BZ" name="BZ" style="height: 34px; width: 450px" onkeydown="checkMaxInput(this,80)"  
  8.             onkeyup="checkMaxInput(this,80)" onfocus="checkMaxInput(this,80)" onblur="checkMaxInput(this,80);resetMaxmsg()">  
  9.     </textarea>  
  10.     </td>  
  11. </tr>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值