如何在javascript中验证数字的输入[重复]答案

【问题标题】：How to validate input in javascript for numbers [duplicate]如何在javascript中验证数字的输入[重复]
【发布时间】：2015-09-21 06:17:41
【问题描述】：

在这里，我正在尝试对 html 输入表单进行验证。如果输入不是数字，我想在这里返回 false。如果输入的不是数字，我想返回 false。

我该怎么做？号码验证的模式是什么

<form class="form-horizontal" name="product-form" method="post" action="go.php" role="form" enctype="multipart/form-data" onsubmit="return validateForm();">

<div class="form-group">
                <label class="control-label col-sm-2" for="product_price">Product Price</label>
                <div class="col-sm-10">
                  <input type="text" class="form-control" name="product_price" id="product_price" placeholder="36000" required>
                </div>
              </div>
</form>

Javascript

function validateForm() {
    var x = document.forms["product-form"]["product_price"].value;
    if (x == null || x == "") {
        alert("price must have only numbers");
        return false;
    }
}

【问题讨论】：

标签： javascript validation

【解决方案1】：

或者您可以使用 HTML5 输入类型作为数字

<form class="form-horizontal" name="product-form" method="post" action="go.php" role="form" enctype="multipart/form-data">

<div class="form-group">
                <label class="control-label col-sm-2" for="product_price">Product Price</label>
                <div class="col-sm-10">
                  <input type="number" class="form-control" name="product_price" id="product_price" placeholder="36000" required>
                </div>
              </div>
</form>

【讨论】：