文本框不接受数字10

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

如果您使用的是现代浏览器，则可以使用Andy所说的< input type="number" min="1" max="99" />。

对于不支持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>

注意：

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