easyui textbox响应js　控制textbox里输入的字符串的长度

最新推荐文章于 2022-04-29 20:52:36 发布

maying0124

最新推荐文章于 2022-04-29 20:52:36 发布

阅读量3k

点赞数

分类专栏： easyui

本文链接：https://blog.csdn.net/maying0124/article/details/80675874

版权

easyui 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

控制textbox里输入的字符串的长度，并显示还可以输入多少个

代码块

代码块语法遵循标准markdown代码，例如：

//控制textbox里输入的字符串的长度，并显示还可以输入多少个
$(function(){
     $("#itemtitle").textbox('textbox').bind('keyup', function (event) {
         var keycode=event.keyCode;
         var maxChars = 80;
         if($(this).val().length==0){
             document.getElementByIdx_x("showdiv").innerHTML = "您还可以输入80个字符";
         }
        if($(this).val().length > maxChars){
            $.messager.alert("提示","您出入的字数超多限制!");
            var nowstring=$(this).val().substring(0,maxChars)
            $("#itemtitle").textbox("setValue",nowstring);
            return false;
        }else{
            var curr = maxChars -$(this).val().length; //250 减去 当前输入的
            document.getElementByIdx_x("showdiv").innerHTML = "您还可以输入"+curr.toString()+"个字符";
            return true;
        }
     });

});