Jquery是一種非常流行的JavaScript庫,用于簡化在JavaScript中操作HTML和CSS的任務。常見的情況是需要限制輸入框或文本框中的字符長度。本文將介紹如何使用Jquery設置字符長度限制。
$(document).ready(function(){ var maxLength = 50; //限制輸入的字符長度 $('input[type="text"]').keypress(function(event){ var length = $(this).val().length; //獲取當前已輸入的字符長度 var keyCode = event.which; //獲取按鍵code if (length >= maxLength && keyCode != 8 && keyCode != 9) { //如果字符長度超過最大值且不是退格或者tab鍵 event.preventDefault(); //阻止默認行為 } }); });
上述代碼首先在文檔加載完成后執行,然后定義了maxLength變量,限制輸入的字符數。接著,使用$('input[type="text"]')選擇所有的文本框,并綁定了keypress事件。在事件處理程序中,通過$(this).val().length獲取當前已輸入的字符長度,并使用event.which獲取按鍵code。然后判斷字符長度是否超過了最大值,并且排除了退格和tab鍵(因為這些鍵是可用的)。
如果超過了最大長度且不是退格鍵或tab鍵,則event.preventDefault()阻止了默認行為,即不再接受輸入。這樣就可以實現字符長度限制。
上一篇css div并排 容器
下一篇css div 設置