TextArea限制字符数+字符数提示

1、CSS样式：

.cancel_reason_focus_textarea{

    margin: 0;

    padding: 2px 4px 2px 4px;

    width: 276px;

    height: 66px;

    border: 1px solid #dcdcdd;

    border-radius: 4px;

    background-color: #fff;

    word-wrap: break-word;

    color: #888889;

    transition: none;

    font-size: 14px;

}

.cancel_reason_focus_textarea:focus{

    border-color: #3e84bf;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    transition: none;

    -webkit-transition: none;

    -moz-transition: none;

    outline: none;

}

.cancel_reason_focus{

    overflow:hidden;

    overflow-y:auto;

}

2、HTML代码：

<div class="cancel_reason_box">

    <textarea class="cancel_reason_focus_textarea" name="textarea" id="close_apply_workbench" cols="45" rows="3" title="申请内容">申请内容</textarea>

    <div style=" display:none;">

        <span style="color: #e84218;">0/150</span>

    </div>

</div>

3、JS代码：

    function maxLimit(){

        var num=jQuery(this).val().substr(0,150);

        jQuery(this).val(num);

        jQuery(this).next().children("span").text(jQuery(this).val().length+"/150");

    }

    jQuery("#close_apply_workbench").focus(function(){

        jQuery(this).addClass("cancel_reason_focus").next().show();

        if(jQuery(this).val() == jQuery(this).attr("title")){

            jQuery(this).val("");

        }

    }).blur(function(){

        if(jQuery(this).val().length > 0){

            jQuery(this).addClass("cancel_reason_focus").next().show();

        }else{

            jQuery(this).removeClass("cancel_reason_focus").next().hide();

        }

        if(jQuery(this).val() == ""){

            jQuery(this).val(jQuery(this).attr("title"));

        }

    });

    jQuery(function(){

        jQuery("#close_apply_workbench").keyup(maxLimit);

    });