Home/ Questions/Q 8603405
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T02:18:54+00:00

I am having difficulty validating a form in javascript. I’m currently checking just a

  • 0

I am having difficulty validating a form in javascript. I’m currently checking just a text field and it doesn’t work. My code is as followed:

index.html:

<html xmlns = "http://www.w3.org/1999/xhtml">
<head> 
    <title>
        Validation Form
    </title>
    <script type = "text/javascript" src ="vForm.js">
    </script>
</head>
<body>
    <form id = "myForm" action ="">
        First name: <input type="text" name="fname"></br>
        Last name: <input type="text" name="lname"></br>
        Password: <input type="password" name="pass1"></br>
        Re-enter password: <input type="password" name="pass2"></br>
        Email: <input type="text" name="email"></br>
        Phone: <input type="text" name="phone"></br>
        Address: <input type="text" name="add"></br>
        Date: <input type="date" name="date"></br>
        Time: <input type="time" name="time"></br>
        <input type="reset" name="reset">
        <input type="submit" name="submit">
    </form>
    <script type = "text/javascript" src ="vFormRun.js">
    </script>
</body>
</html>

vForm.js:

function validateForm()
{
    var fname = document.getElementById("fname");
    var lname = document.getElementById("lname");
    var pass1 = document.getElementById("pass1");
    var pass2 = document.getElementById("pass2");
    var email = document.getElementById("email");

    if(fname == "")
    {
        alert("Please enter first name")
        return false;
    }
    else
    {
        return true;
    }
}

vFormRun.js:

document.getElementById("myForm").onsubmit = validateForm;
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    document.getElementById("fname");

    That will only work if you have an element with an ID of fname, which you do not.

    You can set the ID attribute to an element like so:

    <input type="text" name="fname" id="fname">

    Alternatively, you can reference the form elements like this:

    var fname = document.forms["myForm"]["fname"]

    Then you want to get it’s value property when comparing.

    fname.value

    The <br> tag is self closing, so it should be <br /> instead of </br>

    • 0