JQuery為textarea添加maxlength屬性并且兼容IE
更新時間:2013年04月25日 14:47:58 作者:
textarea默認(rèn)不支持maxlength屬性,JQuery為textarea添加maxlength,并且兼容IE,具體實現(xiàn)祥看本文,希望可以幫助到你
// JQuery為textarea添加maxlength
// textarea默認(rèn)不支持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的文本重新賦值
}
}
});
//復(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)); //截斷textarea的文本重新賦值
}
}
});
});
</script>
html:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea>
// textarea默認(rèn)不支持maxlength屬性。
// 通過JQuery的keyup事件:
JQuery代碼如下:
復(fù)制代碼 代碼如下:
<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的文本重新賦值
}
}
});
//復(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)); //截斷textarea的文本重新賦值
}
}
});
});
</script>
html:
復(fù)制代碼 代碼如下:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea>
相關(guān)文章
一樣的table?不一樣的table(可編輯狀態(tài)table)
今天要分享的table不僅僅能顯示數(shù)據(jù),還可以對數(shù)據(jù)進(jìn)行編輯,當(dāng)鼠標(biāo)點擊數(shù)據(jù)時相應(yīng)的數(shù)據(jù)格就變成可編輯的狀態(tài),廢話不多說,進(jìn)入今天的主題2012-09-09jQuery.form.js插件不能解決連接超時(timeout)的原因分析及解決方法
jQuery.form.js是一個form插件,支持ajax表單提交和ajax文件上傳。最近在使用jquery.form.js提交包含文件的表單時,當(dāng)碰上網(wǎng)速較慢時,而我們又設(shè)置了timeout時我們的頁面會死在這里,怎么回事呢,下面腳本之家小編給大家解答下2016-10-10jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹
jQuery EasyUI API 中文文檔 - TreeGrid 樹表格使用介紹,需要的朋友可以參考下。2011-11-11淺談$(''div a'') 與$(''div>a'')的區(qū)別
下面小編就為大家?guī)硪黄獪\談$('div a') 與$('div>a')的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07