javascript - 如何在发布到 php 页面之前验证 HTMl 文本框中输入的数字

标签 javascript php html

我编写了函数myChecker(),如果用户输入了非数字值,它应该返回 false 值并且不允许提交。

我是否把onclick="return myChecker();"放在了错误的位置?

<!DOCTYPE html>
<html>
<head>
    <title>Coffee Order</title>
    <script language="javascript">
        function myChecker()
        {
            var number1 = document.getElementByName("order").value;

            if(typeof(number1) === 'number')
            {
                alert("Invalid data type; please enter a number");
                return false;
            }
        }
    </script>
</head>
<body>
    <form method="POST"  action="price.php">
        <p>How many supplies of Colombian Decaf would you like to order:</p>
        <input type="text" name="order">
        <input type="submit" value="Submit" onclick="return myChecker();">
    </form>
</body>

最佳答案

是的,它应该采用这样的形式:

<form method="POST"  action="price.php" onsubmit='return myChecker();'>

干杯

编辑:另外,您的if条件是错误的,您是否确定希望用户输入正确的数字?您应该像这样更改它:

if(typeof(number1) !== 'Number'){
    alert("Invalid data type; please enter a number");
    return false;
}

关于javascript - 如何在发布到 php 页面之前验证 HTMl 文本框中输入的数字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43506410/

相关文章:

php - 在 Heroku 上的 Node 中运行 php

php - 如何实现paypal CreateRecurringPaymentsProfile

javascript - 将phonegap 图像发布到php/mysql - 图像字段从发布请求中消失?

javascript - 调整嵌入的谷歌地图

javascript - 对齐来自不同表的列

javascript - 如何检查字母是否为粗体?

JavaScript 没有执行 onclick 事件

javascript - 用子元素剪辑父元素

php - 如何使用 php 或 javascript 编写一个函数来确定 16 位整数的人口数?

javascript - 如何让导航栏保持固定