textarea字数控制

来源:互联网 发布:中国域名注册局 编辑:程序博客网 时间:2024/05/01 21:08

大家都知道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>