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)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
相關(guān)文章
jquery 全局AJAX事件使用代碼，需要的朋友可以參考下。2010-11-11
關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧
本篇文章介紹了，關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧。需要的朋友參考下2013-04-04
用戶雙擊DOM對象（例如按鈕和鏈接等）時(shí)，對于用戶交互一直是個(gè)麻煩的問題，如果你的元素點(diǎn)擊事件不止觸發(fā)一次，可以參考以下的解決方案2013-08-08
Jquery中的$.each獲取各種返回類型數(shù)據(jù)的使用方法
each()方法能使DOM循環(huán)結(jié)構(gòu)簡潔，不容易出錯(cuò)。each()函數(shù)封裝了十分強(qiáng)大的遍歷功能，使用也很方便，它可以遍歷一維數(shù)組、多維數(shù)組、DOM, JSON 等等，在javaScript開發(fā)過程中使用$each可以大大的減輕我們的工作量。2015-05-05
本文主要介紹了使用jQuery快速高效制作網(wǎng)頁交互特效的方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
修改jquery.lazyload.js實(shí)現(xiàn)頁面延遲載入
jquery.lazyload.js并未真正的實(shí)現(xiàn)頁面延遲載入，它的實(shí)現(xiàn)原理是頁面載入完畢后將html中所有img標(biāo)簽的src屬性都替換為空，把src的初始值存儲(chǔ)到一個(gè)自定義的屬性中，當(dāng)頁面滾動(dòng)到img標(biāo)簽位置時(shí)再將圖片載入進(jìn)來。2010-12-12
JQuery觸發(fā)radio或checkbox的change事件
在JQuery中，當(dāng)給radio或checkbox添加一個(gè)change事件時(shí)，如果它的值發(fā)生變化就會(huì)觸發(fā)change事件;本文將詳細(xì)介紹如何利用JQuery觸發(fā)Checkbox的change事件需要了解的朋友可以參考下2012-12-12
這篇文章主要介紹了通過jQuery實(shí)現(xiàn)的簡易圖片放大特效,需要的朋友可以參考下2014-06-06
在日常開發(fā)中JQuery是我們使用最頻繁的JS庫。使用JQuery進(jìn)行開發(fā)，你需要先了解JQuery的基本語法。下面是在學(xué)習(xí)JQuery時(shí)總結(jié)的一些簡單語法。2015-02-02
使用jQuery validate 驗(yàn)證注冊表單實(shí)例演示
Validation是jQuery的插件，提供的方法可以大大簡化驗(yàn)證表單的工作，接下來為大家詳細(xì)介紹下使用方法，感興趣的各位可以參考下哈2013-03-03