Easyui文本框动态提示和限制剩下可输入字符数

凌霄玉阶非所愿

已于 2022-11-18 17:19:22 修改

阅读量1.2k

点赞数

分类专栏：前端 JQuery Easyui 文章标签： easyui jquery 前端

于 2022-04-29 20:52:36 首次发布

本文链接：https://blog.csdn.net/weixin_42064877/article/details/124504151

版权

前端同时被 2 个专栏收录

37 篇文章 1 订阅

订阅专栏

JQuery Easyui

10 篇文章 0 订阅

订阅专栏

<div id="DivReport" style="width: 300px; padding: 10px; display: none;">
        <br />
        报表名称：<input id="txtReportStart" type="text" class="easyui-textbox" style="width: 200px" data-options="required:true,width:'100%',events:{keyup:function(){check(this)}}" />
        <p id="lables"></p>
        <br />
    </div>


$(function () {
    $("#txtReportStart").textbox('textbox').attr("maxlength", 50);
})

function check(obj) {
    var length = obj.value.length;
    var $lables = $("#lables");//获取<p></p>
    $lables.show();//显示
    var end = 50;//总共可以输的字符
    $lables.text("还可以输入" + (end - length) + "字符");
}