统计文本域字数

最新推荐文章于 2022-10-01 11:48:00 发布

醉ぃ灬清风。

最新推荐文章于 2022-10-01 11:48:00 发布

阅读量673

点赞数

分类专栏：编程技术 jquery java 文章标签： java jquery jsp

本文链接：https://blog.csdn.net/u010964869/article/details/51898776

版权

编程技术同时被 3 个专栏收录

107 篇文章 1 订阅

订阅专栏

java

90 篇文章 1 订阅

订阅专栏

jquery

46 篇文章 1 订阅

订阅专栏

html:

 <div id="control" style="margin-top: 10px;">
            <div style="float: left; margin-top:40px; width: 20%">
                <input style="width: 60px; font-size: 16px; background:green; height:40px; " type="tel" value ="文本层" readonly="true" />
            </div>
            <div style="margin-top:20px; width: 70%">
                <textarea name="markText" id="markText" style="width: 400px; border:1px solid #000; font-size: 16px; line-height: 23px; font-family: 微软雅黑; max-width: 400px; height:150px; max-height: 150px; outline: 0;"></textarea>
                <input style="width: 50px; font-size:16px; margin-left:100px; height:30px;text-align:center;vertical-align:top;margin-top:50px;" id="num" type="text" value ="0/50" readonly="true"/>
            </div>

        </div>

js代码：

function textAreaValue(){
    $("#markText").keyup(function(){
            var text = $(this).val();
            //中文字数统计
            str = (text.replace(/\w/g,"")).length;
            //非汉字的个数
            abcnum = text.length-str;
            total = str+abcnum;
            //字数限制
            if(total > 50){
                alert("您输入的字数超限！");
            }
            $("#num").val(total+"/50");
    })
}