Question

我验证了一个文本框以接受maxsize = 2，它接受2位数字，例如11,12 ......但它不接受数字10

这是我的代码

 <td width="60" height="20" class="case_txt" align="center">
    <input type="text" onblur="CheckUnitValue(this)" 
           name="Units_<%=cptData.Rows[k]["SERVICEID"] %>" 
           value="<%=cptData.Rows[k]["NOOFUNITS"] %>" 
           size="5" maxlength="2" onkeypress="onlyPositiveNumbers(this)" />
</td>

Answer 1

看起来你过于复杂的简单事情了。

如果您需要此文本框仅接受两位数的正数，则可以使用type="number"代替type="text"并为有效值设置限制。

这样的事情：

<input type="number" min="1" max="99"/>

非常简单，你不需要使用javascript进行任何自定义验证（我真的认为你的onlyPositiveNumbers函数有错误，正如我在评论中所述。）

Answer 2

如果您使用的是现代浏览器，则可以使用＆lt; input type="number" min="1" max="99" /＆gt;安迪说。

对于不支持input type="number"的浏览器，您可以通过这种方式更正脚本。

<html>
<head>
    <title>test</title>
    <script>
        function validateRange(element) {
            value = +element.value;
            min = element.getAttribute('min');
            max = element.getAttribute('max');
            if (isNaN(value) || value < min || value > max) {
                element.value = '';
            }
            else
            {
                element.value = value;
            }
        }
    </script>
</head>
<body>
    <input type="number" min="1" max="99" />
    <input type="text" maxlength="2" min="1" max="99" onblur="validateRange(this)" />
</body>
</html>

注意：

最好在onblure上使用onkeypress，例如当用户将文字粘贴到字段中时。
我在min上使用了2个自定义attrinutes max和textbox，以使validateRange函数更可重用。

文本框不接受数字10

2 个答案: