jquery textarea输入字符字数提示

浏览数：50 / 时间：2015年06月09日

效果：

技术分享

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);    //每次减去字符长度
        });

    });

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log com 代码 src http html it class style log com 代码 src http html it

相关文章

随机文章

您可能还喜欢

您可能还喜欢