Question

<html>
<form action="update.php" method="POST" name="ID">
<input type="text" name="ID" ">
<input type="Submit" value="Submit">
</form>
</html>

这个表单如何只接受数字，而不是“a-z”或“，。/'; []）（ - =”？

Answer 1

您必须使用javascript进行验证。实际代码取决于您是使用纯JS还是某些框架。

Answer 2

您可以使用javascript函数isNAN来检查字段的值是否“不是数字”。所以，我在提交按钮中添加了一个onclick事件来调用一个检查它的函数：

<html>
<head>
<script type="text/javascript">

    function validate() {

        if (isNaN(document.forms[0].ID.value)) { 
            alert("Please enter only numbers.")
            return false;
        }
        return true;
    }


</script>
</head>
<form action="update.php" method="POST" name="ID">
<input type="text" name="ID">
<input type="Submit" value="Submit" onclick="return validate();">
</form>
</html>

希望它有所帮助！

Answer 3

<html>
<form action="update.php" method="POST" name="ID">
<input type="text" name="ID" pattern="[0-9]*">
<input type="Submit" value="Submit">
</form>
</html>

最简单的方法是使用pattern属性并指定正则表达式。它适用于所有新浏览器。在这种情况下pattern="[0-9]*"，它将接受零个或多个数字。如果您想要至少一位数，请使用[0-9]+。使用可能希望使用\d*或\d+例如pattern="\d*"

表单类型 - 仅限数字！

3 个答案: