1. 程式人生 > >js輸入框提示輸入字數校驗

js輸入框提示輸入字數校驗

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>