限制表单输入文本字段中允许的字符数

Question

如何限制或限制用户只在文本框中输入最多五个字符？

以下是输入字段作为我的表单的一部分:

<input type="text" id="sessionNo" name="sessionNum" />

它是使用像maxSize之类的东西吗？

Answer 1

最大长度:

将被接受为输入的最大字符数.这可能大于SIZE指定的值,在这种情况下,字段将适当滚动.默认值是无限制的.

<input type="text" maxlength="2" id="sessionNo" name="sessionNum" onkeypress="return isNumberKey(event)" />

但是,这可能会也可能不会受到您的处理程序的影响.您可能还需要使用或添加另一个处理函数来测试长度.

Answer 2

最简单的方法:

maxlength="5"

所以..将此属性添加到您的控件:

<input type="text" 
    id="sessionNo" 
    name="sessionNum" 
    onkeypress="return isNumberKey(event)" 
    maxlength="5" />

Answer 3

将以下内容添加到标题中:

<script language="javascript" type="text/javascript">
function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    }
}
</script>

    <input type="text" id="sessionNo" name="sessionNum" onKeyDown="limitText(this,5);" 
onKeyUp="limitText(this,5);"" />

Answer 4

根据w3c,MAXLENGTH属性的默认值是无限数.因此,如果您没有指定最大值,则用户可以剪切并粘贴圣经几次并将其粘贴在您的表单中.

即使您确实将MAXLENGTH指定为合理的数字,也要确保在处理之前仔细检查服务器上提交的数据的长度(使用像php或asp这样的东西),因为它很容易绕过基本的MAXLENGTH限制.

Answer 5

让它更简单

<input type="text" maxlength="3" />

并使用警报显示已使用最大字符数。

Answer 6

<input type="text" maxlength="5">

输入中可以包含的最大字母数为 5。