Uncaught TypeError with AJAX when processing form

Question

I have a simple contact form on my website that I'm hoping to send data with using AJAX/PHP.

When I hit the submit button, I get the error:

Uncaught TypeError: Cannot read property 'mode' of undefined
    at Function.$.ajax (jquery.validate.js:1561)
    at submitForm (form-scripts.js:21)

Line 21 begins below:

Code:

$.ajax({
    type: "POST",
    url: "php/form-process.php",
    data: "name=" + name + "&email=" + email + "&message=" + message,
    success : function(text){
        if (text == "success"){
            formSuccess();
        } else {
            formError();
            submitMSG(false,text);
        }
    }
});

I am using jQuery 3.1.1 (https://code.jquery.com/jquery-3.1.1.slim.min.js) - perhaps this has something to do with it?

Any help would be greatly appreciated.

Issue seems to be in jquery validate plugin not in the posted code. — Jai
– Jai, Commented Apr 17, 2017 at 11:05
@Jai Apologies - here it's for reference cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/… — michaelmcgurk
– michaelmcgurk, Commented Apr 17, 2017 at 11:07

Aravind Sivam · Accepted Answer · 2017-04-17 11:19:13Z

4

Your using lite version of jquery which doesn't have jQuery.ajaxPrefilter but it is required by Jquery validate. So use this cdn

answered Apr 17, 2017 at 11:19

Aravind Sivam

1,0998 silver badges23 bronze badges

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

1 Comment

michaelmcgurk Over a year ago

Wow - amazing!!! That was it exactly. I would have bee there all day. Thank you, sir!

Collectives™ on Stack Overflow

Uncaught TypeError with AJAX when processing form

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related