html form validation using external javascript

Question

Friends,

I am trying to validate my html form using an external javascript but I am getting an error. Here are the code details:

<html>
    <head>
        <title>Contact US</title>
        <link href="StyleSheet.css" rel="Stylesheet" type="text/css" />
        <script type = "text/javascript" src = "JavaScript.js"> </script>
    </head>
    <body>
    <h1>Contact Us</h1>
    <form id = "contactUs" action="Index.htm"  onsubmit = "return validateFirstName()">
    <div class="row">
                <span class = "label" >First Name:</span>
                <span class = "formw"><input type="text" name = "fname"/> </span>
     <span class = "formw"><input type="submit"  name = "btnSubmit" value = "Submit" /> </span>
    </div>
</form>
</body>
</html>

My external javascript file "JavaScript.js" contains the following code:

  function validateFirstName() {
        var x = document.forms["contactUs"]["fname"].value;
        if (x == null || x == "") {
            alert("First name cannot be left blank.");
            return false;
        }
        else {
            return true;
        }

but when I clicked the Submit button then I get the following error:

Line: 19 Error: 'validateFirstName' is undefined

Thank You for your help in advance.

Will · Accepted Answer · 2011-12-28 00:42:30Z

3

You need a closing curly brace on your function.

function validateFirstName() {
    var x = document.forms["contactUs"]["fname"].value;
    if (x == null || x == "") {
        alert("First name cannot be left blank.");
        return false;
    }
    else {
        return true;
    }
} // <- here

answered Dec 28, 2011 at 0:42

Will

20.4k7 gold badges50 silver badges48 bronze badges

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

2 Comments

niceApp Over a year ago

Thank you. I tried to figure out for hours but could not. You found it out in minutes. Hats off for you.

jaydeep namera Over a year ago

Learn contact form from : allitstuff.com/contact-us-form-with-javascript-validation

Eimantas Kasperiūnas · Accepted Answer · 2011-12-28 00:56:44Z

2

Heres my code I had wrote for checking if email inserted is valid. You can customize it to your needs, might be usefull :)

  function readdata()
  {
        a=document.getElementById('email')
        k=a.value
        //document.write(k)
alert(k);
        }

    function emailValidation(elem, helperMsg) {
            var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
            if(elem.value.match(emailExp)){
                            return true;
                            }
                            else{
                            alert(helperMsg);
                            elem.focus();
                            return false;
                            }
    }

Also looking at your code, you lack for curly brace at the end of your JavaScript

edited Dec 28, 2011 at 0:56

answered Dec 28, 2011 at 0:45

Eimantas Kasperiūnas

3182 gold badges5 silver badges15 bronze badges

1 Comment

niceApp Over a year ago

Thank You, I will use the email validation as well.

Collectives™ on Stack Overflow

html form validation using external javascript

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related