Textarea 限制字数效果JS

因为textarea没有input的maxlength属性 所以人性化的控制输入可以使用下边的方法:

html

<div class="layout">
<div class="box">
<textarea id="textlimit" cols="45" rows="1" name="textarea"></textarea>

<input class="input-button" type="button" value="回复" />
<span class="textCount">0/140</span></div>
</div>

js

$(function(){
function maxLimit(){
var num=$(this).val().substr(0,140);
$(this).val(num);
$(this).next().children("span").text($(this).val().length+"/140");
};
$("#textlimit").val("添加回复");
$("#textlimit").keyup(maxLimit);

$("#textlimit").focus(function(){
$(this).addClass("boder2").next().show();
if($(this).val() == "添加回复"){$(this).val("")};
//$(this).html("");
})
$("#textlimit").blur(function(){
if($(this).val().length &gt; 0){
$(this).addClass("boder2").next().show();
}else{
$(this).removeClass("boder2").next().hide();
}
if($(this).val() == ""){$(this).val("添加回复")};
});
});