JQuery Form Validation 'Not Defined'

Question

I am having some issues with JavaScript check my form for completion before submission. Here is my form code:

<form class="myform" accept-charset="UTF-8" onsubmit="return validateForm();" action="https://Autorespondercode.com" method="POST">

<div class="front-name"><input class="form-name" id="inf_field_FirstName" type="text" name="inf_field_FirstName" placeholder="First Name" /></div>


<div class="front-email"><input class="form-email" id="inf_field_Email" type="text" name="inf_field_Email" placeholder="Email" /></div>


<input style="background-color: #fc8f12;" type="submit" value="Subscribe" />


</form>

JavaScript:

function validateForm() { 
    var a=document.forms["myform"]["inf_field_FirstName"].value; 
    var b=document.forms["myform"]["inf_field_Email"].value; 
    if (a==null || a=="" || a=="First Name")
    {   alert("Please enter your First Name!");   
    return false;   }     
    var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;    
    if (document.myform.inf_field_Email.value.search(emailRegEx) == -1)  
    {           alert("Please enter a valid email address.");               
    return false;    } }

Appreciate any help/tips.

And... what is your problem that you encounter? Have you checked the console for errors thrown? — Terry
– Terry, Commented Nov 11, 2013 at 6:40

Vicky Gonsalves · Accepted Answer · 2013-11-11 06:42:35Z

2

Replace your script with:

    function validateForm() {
        var a = document.getElementById('inf_field_FirstName').value;
        var b = document.getElementById('inf_field_Email').value;
        if (a == null || a == "" || a == "First Name") {
            alert("Please enter your First Name!");
            return false;
        }
        var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
        if (document.getElementById('inf_field_Email').value.search(emailRegEx) == -1) {
            alert("Please enter a valid email address.");
            return false;
        }
    }

Browser is not able to get value with:

  var a=document.forms["myform"]["inf_field_FirstName"].value; 
  var b=document.forms["myform"]["inf_field_Email"].value;

answered Nov 11, 2013 at 6:42

Vicky Gonsalves

11.8k3 gold badges39 silver badges58 bronze badges

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

1 Comment

user1953681 Over a year ago

Vicky, I think I am in love with you. I've been driving my head against a wall for hours trying to fix that thanks so much

Krish R · Accepted Answer · 2013-11-11 06:57:02Z

0

Can you try like, You have not mentioned the form name myform in your form tag,

   <form name="myform" class="myform" accept-charset="UTF-8" onsubmit="return validateForm();" action="https://Autorespondercode.com" method="POST">

edited Nov 11, 2013 at 6:57

answered Nov 11, 2013 at 6:45

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Collectives™ on Stack Overflow

JQuery Form Validation 'Not Defined'

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related