JavaScript 数字验证

有时，输入到文本字段中的数据需要具有正确的格式，并且必须是特定类型的数据，以便有效地使用表单。例如，电话号码、学号等必须是数字，而不是字母。

方法： 我们使用isNaN()函数来验证文本字段是否只包含数字。将文本字段数据传递到函数中，如果传递的数据是一个数字，则isNaN()返回true；如果数据不是数字或数字和字母的组合，则返回false。

以下是一个在HTML和JavaScript中验证文本字段是否包含数字的代码：

示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <title>
        Number validation in JavaScript
    </title>
    <script>
        /* this function is called when we
              click on the submit button*/
        function numberValidation() {
            event.preventDefault();
            let n = document.form.numbers.value;
 
            if (isNaN(n)) {
                document.getElementById("numberText")
                    .innerHTML = "Please enter Numeric value";
                return false;
            } else {
                document.getElementById("numberText")
                    .innerHTML = "Numeric value is: " + n;
                return true;
            }
        }
    </script>
</head>
 
<body>
    <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-6.png"
         alt="Avatar"
         style="width: 200px;" />
    <form action="#" name="form" onsubmit="numberValidation()">
        Number: <input type="text" name="numbers" />
        <span id="numberText"></span>
        <br />
        <input type="submit" value="submit" />
    </form>
</body>
</html>

输出：

JavaScript 数字验证