javascript - 将输入长度限制为最多 10 个字符

Question

这个问题已经有答案了:

Setting maxlength of textbox with JavaScript or jQuery (9 个回答)

Limit number of characters allowed in form input text field (14 个回答)

JQuery can't find my Element. Why? (7 个回答)

已关闭 6 年前。

我尝试将输入形式限制为 10 个字符

var max_chars = 10;

$('input#ctl00$bc$custom_element_44').keydown( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});

$('input#ctl00$bc$custom_element_44').keyup( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<input name="ctl00$bc$custom_element_44" type="text" id="ctl00_bc_custom_element_44">

但是好像不行，求建议；)

问候皮特

Answer 1

最简单的方法，原生 JavaScript。 JSFiddle .

JS:

let name = document.getElementById('name');

name.addEventListener('keyup', () => {
    if (name.value.length > 10) {
        name.value = name.value.slice(0, 10);
    }
})

HTML:

<input type="text" id="name">