javascript，限制文本字段中的字符数

Question

我的表单只允许在文本框中输入数字，否则会出现警告:

<form name="formName" action="" method="post" OnSubmit="return chkSubmit();"> 
    Input Number 
    <input type="text" name="txtNumber" value="">
    <input type="submit" name="btnSubmit" value="Submit">
</form>

使用以下 javascript:

<script>
function chkSubmit()
{
     if(isNaN(document.formName.txtNumber.value))
     {
        alert('Please input numbers only.');
        return false;
     }
}</script>

如何只允许输入 4 个字符？没有警报，只是阻止用户输入超过 4 个字符。

Answer 1

input 元素支持 maxlength attribute ，例如:

<input type="text" name="txtNumber" value="" maxlength="4">

...然后由用户代理(浏览器)执行。你也可以在你的 chkSubmit 中强制执行它，如果你想要一个腰带和大括号的方法，通过检查 value 属性的长度，但它一直存在，我怀疑你会发现一个不处理它的用户代理。

RobG 的观点(在对该问题的评论中)也得到了很好的采纳:在提交表单之前限制用户往往会激怒他们。它可能适合也可能不适合您的用例，但至少考虑不限制它们(但可能使用 keypress 事件提供一些视觉反馈)，并且仅在提交时验证长度，Stack 的方式溢出会影响评论。