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

时间:2017-06-06 12:23:28

标签: javascript jquery

我尝试将输入形式限制为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">

但它似乎不起作用,寻求建议;)

问候皮特

3 个答案:

答案 0 :(得分:2)

最简单的方法,vanilla 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">

答案 1 :(得分:1)

您可以在maxlength代码上使用原生input属性。

<input name="ctl00$bc$custom_element_44" type="text" id="ctl00_bc_custom_element_44" maxlength="10">

答案 2 :(得分:-1)

使用以下代码

 var max_chars = 10;     $(&#39;#ctl00_bc_custom_element_44&#39;)。keydown(function(e){       if($(this).val()。length&gt; = max_chars){         $(this).val($(this).val()。substr(0,max_chars));       }     });     $(&#39;#ctl00_bc_custom_element_44&#39;)。keyup(function(e){       if($(this).val()。length&gt; = max_chars){         $(this).val($(this).val()。substr(0,max_chars));       }     });

或使用带输入标记的最大长度