大家都知道input的maxlength属性可以控制允许用户输入的字数,但是textarea却不支持此属性。在这里我推荐一段我平时用于控制textarea字数的js代码(jquery写的)。
<textarea id="input_4" name="input_4" placeholder="限25字" cols="30" rows="4" maxlength="25"></textarea>
</label>
</td>
<td width="84"><span class="un">还可以输入<font id="xxxx">25</font>个字,不支持恶意html语法</span></td>
<script type="text/javascript"> $('textarea').each(function() { var ta = $(this), p = ta.parent(), ml = parseInt(ta.attr('maxlength')), v = ta.val(), h = ta.attr('placeholder'); if (v == h) v = ''; if (h && ml) { //var sp = '<span style="bottom: 10px;position: absolute;right: -10px;">'+v.length+'/'+ml+'</span>'; p.css({'position': 'relative'}); //ta.before(sp); ta.bind('click keyup', function() { var m = $(this), v1 = m.val(); if (v1.length > ml) { m.val(v1.substring(0, ml)) } //m.prev().text(m.val().length + '/' + ml); $("#xxxx").text(ml-m.val().length); }); } }); </script>