jQuery實現限制文本框的輸入長度
更新時間：2017年01月11日 15:14:27 作者：Hi.wz
本文分享了jQuery實現限制文本框的輸入長度的示例代碼，具有一定的參考價值，下面跟著小編一起來看下吧
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 全局AJAX事件使用代碼，需要的朋友可以參考下。2010-11-11
本篇文章介紹了，關于jQuery新的事件綁定機制on()的使用技巧。需要的朋友參考下2013-04-04
用戶雙擊DOM對象（例如按鈕和鏈接等）時，對于用戶交互一直是個麻煩的問題，如果你的元素點擊事件不止觸發(fā)一次，可以參考以下的解決方案2013-08-08
each()方法能使DOM循環(huán)結構簡潔，不容易出錯。each()函數封裝了十分強大的遍歷功能，使用也很方便，它可以遍歷一維數組、多維數組、DOM, JSON 等等，在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量。2015-05-05
本文主要介紹了使用jQuery快速高效制作網頁交互特效的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
jquery.lazyload.js并未真正的實現頁面延遲載入，它的實現原理是頁面載入完畢后將html中所有img標簽的src屬性都替換為空，把src的初始值存儲到一個自定義的屬性中，當頁面滾動到img標簽位置時再將圖片載入進來。2010-12-12
JQuery觸發(fā)radio或checkbox的change事件
在JQuery中，當給radio或checkbox添加一個change事件時，如果它的值發(fā)生變化就會觸發(fā)change事件;本文將詳細介紹如何利用JQuery觸發(fā)Checkbox的change事件需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了通過jQuery實現的簡易圖片放大特效,需要的朋友可以參考下2014-06-06
在日常開發(fā)中JQuery是我們使用最頻繁的JS庫。使用JQuery進行開發(fā)，你需要先了解JQuery的基本語法。下面是在學習JQuery時總結的一些簡單語法。2015-02-02
Validation是jQuery的插件，提供的方法可以大大簡化驗證表單的工作，接下來為大家詳細介紹下使用方法，感興趣的各位可以參考下哈2013-03-03