CODEWITHSUNDEEP
javascriptajaxformsbrowsersubmit
bryan
bryan

Reputation: 9399

Ajax submit works in Chrome/Safari but not Firefox/IE

My contact form works well in Chrome & Safari but it doesn't work in Firefox or IE. It keeps submitting as a GET. Can anyone find the problem?

<form action="#" id="contactForm">
    <input type="submit" id="contactClick" class="button white" style="margin-top:-2px;" name="submit" value="Send it!">
</form>

var $contactClick = $("#contactClick"),$contactForm = $("#contactForm"),$emailText = $("#emailText"),$emailSubmit = $("#emailSubmit"),$form = $("#contactForm"), $emailSubmit = $("#emailSubmit");

$("#contactForm").submit(function(){
    event.preventDefault();  
    $contactClick.attr('disabled', 'disabled');
    $contactClick.attr('value', 'Sending . . .');
    var url = "/backend/page-content/emailPOST.php"; // the script where you handle the form input.
        $.ajax({
               type: "POST",
               url: url,
               data: $contactForm.serialize(), // serializes the form's elemWorkents.
               success: function(data)
                { 
                    $emailText.text(data);
                    $emailSubmit.fadeIn(400);
                    $contactClick.removeAttr('disabled');
                    $contactClick.attr('value', 'SEND IT!');
                    var noticeLength = $emailText.text();
                    if(noticeLength.length > 27){ $contactForm[0].reset(); }
                }
             });
        return false;
});

Upvotes: 0

Views: 828

Answers (1)

Talha Akbar
Talha Akbar

Reputation: 10040

You do not have event argument in the callback function.

$("#contactForm").submit(function(event)

Upvotes: 1

Related Questions