textarea字数控制

大家都知道input的maxlength属性可以控制允许用户输入的字数，但是textarea却不支持此属性。在这里我推荐一段我平时用于控制textarea字数的js代码（jQuery写的）。

[html]  view plain  copy

1. <textarea id="input_4" name="input_4" placeholder="限25字" cols="30" rows="4" maxlength="25"></textarea>  
2.                        </label>  
3.                                     </td>  
4.                    <td width="84"><span class="un">还可以输入<font id="xxxx">25</font>个字，不支持恶意html语法</span></td>  

[html]  view plain  copy

1. <pre class="javascript" name="code"><script type="text/javascript">  
2. $('textarea').each(function() {  
3. var ta = $(this), p = ta.parent(), ml = parseInt(ta.attr('maxlength')),  
4. v = ta.val(), h = ta.attr('placeholder');  
5. if (v == h) v = '';  
6. if (h && ml) {  
7. //var sp = '<span style="bottom: 10px;position: absolute;right: -10px;">'+v.length+'/'+ml+'</span>';  
8. p.css({'position': 'relative'});  
9. //ta.before(sp);  
10. ta.bind('click keyup', function() {  
11. var m = $(this), v1 = m.val();  
12. if (v1.length > ml) {  
13. m.val(v1.substring(0, ml))  
14. }  
15. //m.prev().text(m.val().length + '/' + ml);  
16. $("#xxxx").text(ml-m.val().length);  
17. });  
18. }  
19. });  
20. </script></pre><br>  
21. <pre></pre>  
22. <pre></pre>  
23.