JQuery為textarea添加maxlength屬性的代碼

2019-11-21 00:35:53

字體：大中小

供稿：網(wǎng)友

通過JQuery的keyup事件：

 
<html> 
<head> 
<title>JQuery為textarea添加maxlength</title> 
<script type="text/javascript" src="jquery-1.4.js"></script> 
</head> 
<body> 
<textarea style="width:300px; height:60px;" maxlength="10"></textarea> 
</body> 
</html> 
<script type="text/javascript"> 
$(function(){ 
$("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)); //截?cái)鄑extarea的文本重新賦值 
} 
} 
}); 
}); 
</script> 

如果只用keyup只能判斷鍵盤輸入的maxlength，利用鼠標(biāo)的粘貼還是可以超過maxlength的限制，可以利用blur事件做判斷：

復(fù)制代碼代碼如下:

 
$("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)); //截?cái)鄑extarea的文本重新賦值 
} 
} 
}); 

失去焦點(diǎn)后截?cái)鄑extarea的文本。
通過blur事件判斷后還是有問題，如果是粘貼后直接提交而沒有做對textarea的長度驗(yàn)證的情況下，還是會(huì)把textarea的全部內(nèi)容提交。

上一篇：基于JQuery的cookie插件

下一篇：JavaScript和JQuery實(shí)用代碼片段（一）