如何在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>