多行文本框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>