jQuery實現(xiàn)限制文本框的輸入長度
更新時間：2017年01月11日 15:14:27 作者：Hi.wz
本文分享了jQuery實現(xiàn)限制文本框的輸入長度的示例代碼，具有一定的參考價值，下面跟著小編一起來看下吧
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, "");
}
}
}
});
});
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
jQuery源碼分析-03構造jQuery對象-工具函數，需要的朋友可以參考下。2011-11-11
jQuery實現(xiàn)仿Google首頁拖動效果的方法
這篇文章主要介紹了jQuery實現(xiàn)仿Google首頁拖動效果的方法,涉及jQuery操作鼠標事件及div層的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
jquery自定義插件開發(fā)之window的實現(xiàn)過程
這篇文章主要介紹了jquery自定義插件開發(fā)之window的實現(xiàn)過程的相關資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了jQuery實現(xiàn)仿騰訊視頻列表分頁效果的方法,涉及jquery頁面元素的運算與動態(tài)調用技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了jquery仿京東側邊欄導航效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
眾所周知，Jquery是對JavaScript的一種高效的封裝，所以Jquery要操作的數組即是JavaScript中的數組，在JavaScript中我們使用for以及for-in進行數組的操作，而在Jquery中則使用$.map()、$.each()來操作數組2011-01-01
jquery 學習之二 屬性 文本與值(text,val)，學習jquery的朋友可以參考下。2010-11-11
最近再做價值中國微博，從用戶體驗的角度，將很多常用的window.alert或者window.confirm之類比較生硬死板冷不丁的提示改為彈出層的方式實現(xiàn)。2010-10-10
前些天寫了兩篇關于jQuery表單驗證的文章，jQuery的插件還存在諸多問題，但是本人還在不斷努力更新中。本篇文章主要介紹jQuery表單驗證中輸入文本內容的范圍驗證。2010-10-10
這篇文章主要介紹了jquery 自定義容器下雨效果可將下雨圖標改為其他,需要的朋友可以參考下2014-04-04