Home/ Questions/Q 7521881
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-30T02:21:29+00:00

Why does this code say to fill in all values when all the fields

  • 0

Why does this code say to fill in all values when all the fields are filled? It should only give the “fill in all fields” message when they are actually empty.

<html>
<head>
<title>javascript</title>
</head>
<body>
<h1>test page</h1>
<hr>
<script type="text/javascript">
function checkForm(form) {
    for(var i = 0; i<form.elements.length; i++) {
        if(form.elements[i].value == "") {
            alert("Please fill out all fields.");
            return false;
        }
    }
    return true;
}
</script>

<form onSubmit="return checkForm(this)">
<input type="text" name="firstName"><br>
<input type="text" name="lastName">
<input type="submit">
</form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The submit button is a form element, and you haven’t given it a value. As such, the JS loops through the inputs, gets to the submit button, finds no value, and raises the alert.

    Try:

    function checkForm(form) {
    for(var i = 0; i<form.elements.length; i++) {
        if(form.elements[i].type == "input" && form.elements[i].value == "") {
            alert("Please fill out all fields.");
            return false;
        }
    }
    return true;
}
    • 0