Question

I have a contact form I’m using, I’m loading it into my website using jquery load, you can see it here when you click contact: http://www.klossal.com

The problem happens when ever the form tries to notify you about something, whether it’s that your e-mail is sent or that you forgot to put in your name. I’m newer to php and jquery so I’m not exactly sure how to prevent this from happening. These reloads don’t seem to happen when they happen on the original page http://www.klossal.com/contact.php. It seems like the page does a complete reload, is there anyway to keep these little notifications on my page?

I load it into my page like so:

$("#contact_form").click(function() { $("#content_1").load("contact.php"); });

and the code for the contact page is as follows can be looked at by simply going to http://www.klossal.com/contact.php and looking at the source. It’s long which is why I didn’t post it here. Any help I could get on this would be great, it’s the last thing I need to do.

Answer 1

Pay attention to the console: you have an error:

Uncaught SyntaxError: Unexpected identifier contact.php line 70

You do not escape a quote that is part of the string.

---

You should also use something like

$("form").on('submit', function (e) {
   e.preventDefault();

Instead of just using return false; to stop form submission, although I don’t think that’s a problem here.