// JQuery為textarea添加maxlength
// textarea默認不支持maxlength屬性。
// 通過JQuery的keyup事件:
JQuery代碼如下:
代碼 代碼如下:
<script type="text/javascript">
$(function(){
//IE也能用textarea
$("textarea[maxlength]").keyup(function(){
var area=$(this);
var max=parseInt(area.attr("maxlength"),10); //獲取maxlength的值
if(max>0){
if(area.val().length>max){ //textarea的文本長度大於maxlength
area.val(area.val().substr(0,max)); //截斷textarea的文本重新賦值
}
}
});
//復制的字符處理問題
$("textarea[maxlength]").blur(function(){
var area=$(this);
var max=parseInt(area.attr("maxlength"),10); //獲取maxlength的值
if(max>0){
if(area.val().length>max){ //textarea的文本長度大於maxlength
area.val(area.val().substr(0,max)); //截斷textarea的文本重新賦值
}
}
});
});
</script>
html:
代碼 代碼如下:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea>