JQuery是一個常用的前端框架,使用它可以方便地完成很多常見的操作,比如限制輸入框的輸入字?jǐn)?shù)。
$("input").on("input", function() {
var maxLength = 10; // 定義最大字?jǐn)?shù)為10
var textLength = $(this).val().length; // 獲取輸入框中的文字長度
if (textLength >maxLength) {
$(this).val($(this).val().substring(0, maxLength)); // 截斷輸入框中的文字
}
});
上面的代碼中,我們使用了JQuery的on方法來對輸入框的input事件進(jìn)行監(jiān)聽,當(dāng)用戶在輸入框中輸入文字時,就會觸發(fā)這個事件,同時我們也可以獲取到輸入框中的文字長度。如果文字長度超過了我們預(yù)設(shè)的最大字?jǐn)?shù),就用字符串的substring方法來截斷文字,從而達(dá)到限制字?jǐn)?shù)的效果。