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

效果：

步骤：

1、创建textbox时加入事件

<input class="easyui-textbox" type="text"     name="contractSubject" id="contractSubject"            data-options="required:true,width:'100%',events:{keyup:function(){check(this)}}" />

2、使用Jquery限制输入的字符数

$("#contractSubject").textbox('textbox').attr("maxlength",500);

3、事件函数

function check(obj){
    var length=obj.value.length;
    var $enter=$("#enter");//获取<p></p>元素放置提示语
    $enter.show();//显示
    var end=500;//总共可以输的字符
    $enter.text("还可以输入"+(end-length)+"字符");//总共输的字符数-已输入的字符数
}

转载于:https://my.oschina.net/u/3097116/blog/1786693