首页 > Web开发 > 详细

jquery textarea输入字符字数提示

时间:2015-05-11 12:12:20      阅读:711      评论:0      收藏:0      [点我收藏+]

效果:

技术分享

html代码:

<textarea id="assayInfo" name="assayInfo" rows="3" cols="34" maxlength="30" placeholder="提示:请输入检查结果等相关信息,最多30个汉字"></textarea>
<span id="wordCount">30</span>/30

jquery代码:

$(document).ready(function() {
        var counter = $("#assayInfo").val().length; //获取文本域的字符串长度
        $("#wordCount").text(30 - counter);
        $(document).keyup(function() {
            var text = $("#assayInfo").val();
            var counter = text.length;
            $("#wordCount").text(30 - counter);    //每次减去字符长度
        });

    });

 

jquery textarea输入字符字数提示

原文:http://www.cnblogs.com/yimiyan/p/4493867.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!