multiple forms on one page using bootstrap, ajax and external php

Question

I have these two form that I want to use both on one page without a refresh. The html,validator and the php is working, but it seems to be ignoring this js file to execute the ajax and load messages on the page.How do I write an if statement? Or what are other suggestions to get if one form is filled out to execute this code?

Full Form execution

contact.js File

Answer 1

you are using .on() event onot correctly you have to use it like

$('#contact-form').on('submit', function (e) {

       // your ajax call
}

instead of $('#contact-form').on('#submit', function (e) { }

have a look at your script again.

Answer 2

$(document).on('submit', '#contact-form', function (e) {
e.preventDefault();

       // your ajax call
});