CODEWITHSUNDEEP
javascriptformsvalidationreturn
Ben Paton
Ben Paton

Reputation: 1442

JavaScript return false form validation not working

Can you help me, when the validation fails my script should unhide an error message in a p tag and return false but instead my form submits. Can you see where my problem is?

function validate() {
if (document.emailForm.EMAIL_ADDRESS_.value.length==0) {
    $('#errorNoAddress').fadeIn();
    return false;
}
if (document.emailForm.EMAIL_ADDRESS_.value.length>0) {
   var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
   var address = document.emailForm.email.value;
   if(reg.test(address) == false) {
      $('#errorInvalidAddress').fadeIn();
      return false;
   }
}
document.emailForm.submit();
return true;
}

<form id="emailForm" name="emailForm" action="http://domain.com/formhandler.php" method="post">
    <p id="errorNoAddress" class="error">Please enter an e-mail address.</p>
    <p id="errorInvalidAddress" class="error">Please enter a valid email address.</p>
    <label for="EMAIL_ADDRESS_">E-mail</label>

    <input type="hidden" id="QUICK_SIGN_UP"  name="QUICK_SIGN_UP" value="" />
    <input type="image" src="btn-submit.gif" value="Submit" onclick="validate();" />
</form>

Upvotes: 0

Views: 4735

Answers (1)

Nemoy
Nemoy

Reputation: 3427

try <input type="image" src="btn-submit.gif" value="Submit" onclick="return validate();" />

Upvotes: 3

Related Questions