DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery為textarea添加maxlength屬性並且兼容IE
JQuery為textarea添加maxlength屬性並且兼容IE
編輯:JQuery特效代碼     
// 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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved