JQuery為textarea添加maxlength屬性并且兼容IE
更新時(shí)間：2013年04月25日 14:47:58 作者：
textarea默認(rèn)不支持maxlength屬性，JQuery為textarea添加maxlength,并且兼容IE，具體實(shí)現(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)); //截?cái)鄑extarea的文本重新賦值
}
}
});
//復(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的文本重新賦值
}
}
});
});
</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)); //截?cái)鄑extarea的文本重新賦值
}
}
});
//復(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的文本重新賦值
}
}
});
});
</script>
html:
復(fù)制代碼 代碼如下:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea>
相關(guān)文章
jQuery使用$.extend(true,object1, object2);實(shí)現(xiàn)深拷貝對象的方法分析
這篇文章主要介紹了jQuery使用$.extend(true,object1, object2);實(shí)現(xiàn)深拷貝對象的方法,結(jié)合實(shí)例形式分析了jQuery中$.extend(true,object1, object2);進(jìn)行深拷貝操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-03-03
Jquery操作Select 簡單方便 一個(gè)js插件搞定
Jquery其實(shí)本身可以操作select表單，但是由于比較反鎖，沒有.net 控件那樣去操作方便，我在網(wǎng)上Google了一會(huì)，發(fā)現(xiàn)了一個(gè)不錯(cuò)的專門操作select的插件，很好，使用過了，感覺蠻不錯(cuò)的。2009-11-11
使用jquery datatable和bootsrap創(chuàng)建表格實(shí)例代碼
這篇文章主要介紹了使用jquery-datatable和bootsrap創(chuàng)建表格的實(shí)例代碼,需要的朋友可以參考下2017-03-03
servlet+jquery實(shí)現(xiàn)文件上傳進(jìn)度條示例代碼
現(xiàn)在文件的上傳，特別是大文件上傳，都需要進(jìn)度條。這篇文章主要介紹了servlet+jquery實(shí)現(xiàn)文件上傳進(jìn)度條示例代碼，有興趣的可以了解一下。2017-01-01
這篇文章主要介紹了jQuery表單驗(yàn)證功能,涉及jquery針對表單項(xiàng)的讀取與正則判定技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
jQuery基于函數(shù)重載實(shí)現(xiàn)自定義Alert函數(shù)樣式的方法
這篇文章主要介紹了jQuery基于函數(shù)重載實(shí)現(xiàn)自定義Alert函數(shù)樣式的方法,涉及jQuery函數(shù)重載及頁面元素屬性動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-07-07
這篇文章介紹了Jquery庫及其他庫之間的$命名沖突的解決方法，有需要的朋友可以參考一下2013-09-09
jQuery樹形插件jquery.simpleTree.js用法分析
這篇文章主要介紹了jQuery樹形插件jquery.simpleTree.js用法,結(jié)合實(shí)例形式分析了jQuery樹形菜單插件jquery.simpleTree.js的功能與基本用法,需要的朋友可以參考下2016-09-09
本文跟大家分享了兩個(gè)Jquery菜單效果，各有各的特色，希望大家都會(huì)喜歡，并且能夠熟練掌握，感興趣的小伙伴們可以參考一下2015-09-09
基于jquery實(shí)現(xiàn)的可編輯下拉框?qū)崿F(xiàn)代碼
昨天看到QQ登錄的時(shí)候，可以選擇以前登錄過的賬戶，這個(gè)東西也可以在網(wǎng)站登錄的時(shí)候用到，所以我就想做一個(gè)這樣的插件；在網(wǎng)上查了很多，沒有找到合適自己的，所以決定自動(dòng)制作一個(gè)2014-08-08