转：jQuery控制input的字数

最新推荐文章于 2019-11-04 13:28:58 发布

weixin_30405421

最新推荐文章于 2019-11-04 13:28:58 发布

阅读量77

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fudanchencds/p/11113050.html

版权

HTML内容：

<input class="form-control" id="title" name="title" placeholder=" 请输入" type="text">

<span id="titleCount" style="color:#9B9B9B;text-decoration: none;font-size:12px;">还可以输入12个字</span>

JS内容：

$("#titleCount").text("还可以输入" + (12 - $("#title").val().length) + "个字");
$("#title").keyup(function() {
    if ($("#title").val().length > 12) {
        $("#title").val($("#title").val().substring(0, 12));
    }
    $("#titleCount").text("还可以输入" + (12 - $("#title").val().length) + "个字");
});

当然，要引入jquery文件

转载自：http://www.jq22.com/webqd4097

转载于:https://www.cnblogs.com/fudanchencds/p/11113050.html