您的位置:首页 > Web前端 > JQuery

jQuery实现统计字数的功能模块

2013-04-10 23:01 357 查看
<script src="jquery-1.4.2.min.js"></script>

<script language="javascript">

$(document).ready(function(){

    var text=$("#edit_myfrom textarea").val();

    var counter=text.length;

    $("#numtj var").text(110-counter);

    $(document).keyup(function() {

        var text=$("#edit_myfrom textarea").val();

        var counter=text.length;

        $("#numtj var").text(110-counter);

    });

});

</script>

<div id="edit_myfrom" class="editbox">

   <form action="" method="post" class="form">

           <p id="numtj">你还可以输入<var style="color:#C00">--</var>个字符。</p>

        <p class="textinput"><label><textarea name="" cols="" rows="" maxlength="110" style="height:60px; width:400px">在这里面输入文字试试</textarea></label></p>

   </form>

</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息