码迷,mamicode.com
首页 > Web开发 > 详细

jquery textarea输入字符字数提示

时间:2015-05-11 12:15:25      阅读:157      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!