欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JQuery為textarea添加maxlength屬性的代碼

 更新時(shí)間：2010年04月07日 13:55:50   作者：  
textarea默認(rèn)不支持maxlength屬性。所以通過(guò)jquery實(shí)現(xiàn)下。具體的看代碼。
通過(guò)JQuery的keyup事件：
復(fù)制代碼 代碼如下:

<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的文本長(zhǎng)度大于maxlength
area.val(area.val().substr(0,max)); //截?cái)鄑extarea的文本重新賦值
}
}
});
});
</script>

如果只用keyup只能判斷鍵盤(pán)輸入的maxlength，利用鼠標(biāo)的粘貼還是可以超過(guò)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的文本長(zhǎng)度大于maxlength
area.val(area.val().substr(0,max)); //截?cái)鄑extarea的文本重新賦值
}
}
});

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

相關(guān)文章

最新評(píng)論