Question

the Form

  <article id="signup-form">

    <form  id="signupform" method="post" action="signup.php" accept-charset="utf-8">
      <label for="email">Email Address</label>
      <input type="text" id="email" name="email"/>
      <input type="image" src="images/btn_signup.png" value="Sign up" alt="Sign up"/>
    </form>
    <br />
  </article>

the Javascript

$(document).ready(function () {

    $('#signupform').submit(function () {
        var email = $('#email').val();

        if (email != 0) {
            if (isValidEmailAddress(email)) {
                $(this).ajaxSubmit(options);
            } else {
                alert("Please Enter a Valid Email Address");
            }
        } else {
            alert("Please Enter a an Email Address");
        }

        return false;
    });

    var options = {
        success: showResponse,
        dataType: 'json',
        resetForm: true
    };

    function showResponse(responseText, statusText, xhr, $form) {
        if (responseText == 'false') {
            alert("Please try again. We could not sign you up.");
        }
        if (responseText == 'true') {
            alert("Success");
        }
    }
});


function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
}

i get the folowing error and the form submits and goes to the signup.php

Answer 1

You can prevent the forms default event by altering your call
$('#signupform').submit(function (event) and the entering event.preventDefault