jQuery實(shí)現(xiàn)限制文本框的輸入長度
更新時(shí)間：2017年01月11日 15:14:27 作者：Hi.wz
本文分享了jQuery實(shí)現(xiàn)限制文本框的輸入長度的示例代碼，具有一定的參考價(jià)值，下面跟著小編一起來看下吧
jQuery限制文本框輸入，包含粘貼。
//限制文本框的輸入長度
$(function () {
$(document).on("keypress", ".txt-valid-len", function (e) {
if (e.keyCode == 8) {
return true;
}
else {
var len = $(this).data("maxlength") || 0;
if (len > 0) {
return (this.value.length <= len);
}
}
return true;
});
//粘貼
$(document).on("paste", ".txt-valid-len", function () {
var len = $(this).data("maxlength") || 0;
if (len > 0) {
return ((this.value.length + event.clipboardData.getData('Text').length) <= len);
}
return true;
});
$(document).on("keyup input", ".txt-valid-len", function (e) {
var keyCode = e.keyCode || e.which || e.charCode;
if (keyCode == 46 || keyCode == 8) {
}
else {
var len = $(this).data("maxlength") || 0;
if (len > 0) {
if (this.value.length > len) {
this.value = com.cutStr(this.value, len, "");
}
}
}
});
});
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
jQuery源碼分析-03構(gòu)造jQuery對(duì)象-工具函數(shù)
jQuery源碼分析-03構(gòu)造jQuery對(duì)象-工具函數(shù)，需要的朋友可以參考下。2011-11-11
jQuery實(shí)現(xiàn)仿Google首頁拖動(dòng)效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿Google首頁拖動(dòng)效果的方法,涉及jQuery操作鼠標(biāo)事件及div層的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-05-05
jquery自定義插件開發(fā)之window的實(shí)現(xiàn)過程
這篇文章主要介紹了jquery自定義插件開發(fā)之window的實(shí)現(xiàn)過程的相關(guān)資料,需要的朋友可以參考下2016-05-05
jQuery實(shí)現(xiàn)仿騰訊視頻列表分頁效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿騰訊視頻列表分頁效果的方法,涉及jquery頁面元素的運(yùn)算與動(dòng)態(tài)調(diào)用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細(xì)介紹了jquery仿京東側(cè)邊欄導(dǎo)航效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
Jquery知識(shí)點(diǎn)二 jquery下對(duì)數(shù)組的操作
眾所周知，Jquery是對(duì)JavaScript的一種高效的封裝，所以Jquery要操作的數(shù)組即是JavaScript中的數(shù)組，在JavaScript中我們使用for以及for-in進(jìn)行數(shù)組的操作，而在Jquery中則使用$.map()、$.each()來操作數(shù)組2011-01-01
jquery 學(xué)習(xí)之二 屬性 文本與值(text,val)
jquery 學(xué)習(xí)之二 屬性 文本與值(text,val)，學(xué)習(xí)jquery的朋友可以參考下。2010-11-11
自制輕量級(jí)仿jQuery.boxy對(duì)話框插件代碼
最近再做價(jià)值中國微博，從用戶體驗(yàn)的角度，將很多常用的window.alert或者window.confirm之類比較生硬死板冷不丁的提示改為彈出層的方式實(shí)現(xiàn)。2010-10-10
前些天寫了兩篇關(guān)于jQuery表單驗(yàn)證的文章，jQuery的插件還存在諸多問題，但是本人還在不斷努力更新中。本篇文章主要介紹jQuery表單驗(yàn)證中輸入文本內(nèi)容的范圍驗(yàn)證。2010-10-10
jquery 自定義容器下雨效果可將下雨圖標(biāo)改為其他
這篇文章主要介紹了jquery 自定義容器下雨效果可將下雨圖標(biāo)改為其他,需要的朋友可以參考下2014-04-04