js输入框提示输入字数校验

来源:互联网 发布:网站源码可以导出来吗 编辑:程序博客网 时间:2024/05/22 20:29
function compute(){
    var content = jQuery(":input[id$='content']").val();
    var size = 0;
    if (jQuery.trim(content).length!=0) {
        if (content.length<=500) {
            size = 500 - content.length;
            $("#input_size").html("您还可以输入<SPAN style='color:red;'>"+size+"</SPAN>个字");
        } else {
            $("#input_size").html("您还可以输入<SPAN style='color:red;'>0</SPAN>个字");
            content = content.substring(0,500);
            jQuery(":input[id$='content']").val(content);
        }
    } else {
        $("#input_size").html("您还可以输入<SPAN style='color:red;'>500</SPAN>个字");
    }

}


 <textarea name="" id="content" onfocus="this.select()" onkeyup="compute();" cols="30" rows="10" class="textarea-box-1"></textarea>


 <strong id="input_size">您还可以输入500个字</strong>

0 0
原创粉丝点击