Javascript validation function not being executed

Question

I'm having to dip my toe back in the EE and javascript world after many years. What am I doing wrong here... a simple form being submitted, with a JS block to validate during the onsubmit event of the submit button. The alert("Here") message box does not appear when I submit the form, and the form gets submitted successfully, i.e. HelloForm gets displayed, with blank values, so I'm led to believe that validate() is not being called. I've tried this in both the Eclipse internal web browser as well as Chrome and see the same thing both times. I'm assuming that I don't need to explicitly activate javascript in either browser, as it would be on by default.

<html>
<head>
<script>
function validate()
{
    alert("Here");
    var x = document.forms["inputForm"].["first_name"].value;
    if (x == null || x == "") {
        alert("First name must be filled out");
        return false;
    }
    return true;

}
</script>
</head>
<body>

<form name="inputForm" action="HelloForm" method="GET" onsubmit="return validate()">
First Name: <input type="text" name="first_name">
<br />
Last Name: <input type="text" name="last_name" />
<input type="submit" value="Submit The Form"  />
</form>
</body>

</html>

try to call this validate(); function on Button Click

sen32653
– sen32653

2015-06-26 19:08:47 +00:00
Commented Jun 26, 2015 at 19:08 — sen32653
– sen32653, Commented Jun 26, 2015 at 19:08

Walter Chapilliquen - wZVanG · Accepted Answer · 2015-06-26 19:13:13Z

1

In this line will throw a syntax error:

document.forms["inputForm"].["first_name"].value
                          ^^^

The statement is wrong, should be without dot between braces:

document.forms["inputForm"]["first_name"].value
//or
document.forms.inputForm.first_name.value

Working with Objects

edited Jun 26, 2015 at 19:13

answered Jun 26, 2015 at 19:05

Walter Chapilliquen - wZVanG

12.1k8 gold badges44 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sen32653 · Accepted Answer · 2015-06-26 19:14:16Z

0

You can use Html5 Validations.

<form name="inputForm" action="HelloForm" method="GET" >
    First Name: <input type="text" name="first_name" required />
<br />
Last Name: <input type="text" name="last_name" required />
<input type="submit" value="Submit The Form"  />
</form>

Working Demo

answered Jun 26, 2015 at 19:14

sen32653

1248 bronze badges

Collectives™ on Stack Overflow

Javascript validation function not being executed

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related