如何在javascript中验证数字输入

How to validate input in javascript for numbers

本文关键字：验证 数字输入 javascript      更新时间：2023-09-26

在这里我试图做html输入表单的验证。这里，如果输入不是数字，我想返回false。如果输入的不是number，我想返回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;
    }
}

或者你可以使用HTML5的输入类型作为number

<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>

相关文章：