如何在JavaScript中验证输入？

Question

我正在尝试验证输入字段。 输入字段应仅采用数字，否则将提示“输入必须是数字”。 如果该字段为空，则无效。 但当我离开场地时，它会提醒我。 我怎样才能解决这个问题。 这是我的代码

<div class="form-group">
<label class="col-lg-2 control-label">Gross Salary</label>
<div class="col-lg-8">
<input class="form-control" placeholder="Gross Salary" type="text"      name="gross_salary"id="tax4">
</div>
</div>

和JavaScript代码

<script type="text/javascript">
    var validate_int_taxid = function() {
    var tax = document.getElementById("tax4");
    var tax_id = parseFloat(tax.value);
    if (isNaN(tax_id)) {
        alert("Gross Salary  must be a Number");
        return false;
    }
    return true;
}
</script>

谢谢

Answer 1

让它变得像

var tax = document.getElementById("tax4");

if(tax.value!="") {
    var tax_id = parseFloat(tax.value);
    if (isNaN(tax_id)) {
       alert("Gross Salary  must be a Number");
       return false;
    }
    return true;
} else {

    return false;
    //do nothing

}

这是一个小提琴 。

Answer 2

试试这个。

<script type="text/javascript">
    var validate_int_taxid = function() {
    var tax = document.getElementById("tax4");
    if(tax.value!="" )
    {
    var tax_id = parseFloat(tax.value);

    if (isNaN(tax_id)) {
        alert("Gross Salary  must be a Number");
        return false;
    }
    }
}
</script>

Answer 3

干得好：

<script type="text/javascript">
var validate_int_taxid = function() {
    if (tax.value !="") {
        var tax_id = parseFloat(tax.value);
        if (isNaN(tax_id)) {
            alert("Gross Salary  must be a Number");
            return false;
        }
        return true;
    } 
    return false;
}
</script>