WordPress.org

Ready to get started?Download WordPress

Forums

Contact Form 7
[resolved] How do I implement contact form 7 with AJAX? (5 posts)

  1. donrhummy
    Member
    Posted 1 year ago #

    I've seen a lot of examples showing it but none that walk through the exact steps to make ocntact form 7 use ajax instead of reloading the page. Can someone tell me the steps? Do I need to check something in the WP admin section for Contact?

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 1 year ago #

  3. donrhummy
    Member
    Posted 1 year ago #

    Takayuki Miyoshi, I did look at that. It still does not tell me how to do it. When I create a form in the WordPress admin section, is there a box I check to make it Ajax instead of normal submit form? How do I make it submit via Ajax?

  4. donrhummy
    Member
    Posted 1 year ago #

    I have included the correct javascripts (via wp_head() and wp_footer()) and now the submit button doesn't reload the page but submits via ajax (the form shows up in the database) but it never gives me any validation errors and it never shows success/failure notices either! How do I debug this?

  5. donrhummy
    Member
    Posted 1 year ago #

    I discovered the problem but am not sure how to fix it:

    It's including Javascript files via a non-relative URL (so it shows up as "http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.7.2"

    How do I make it include the files (scripts and stylesheets) via relative urls?

    Also, I already use jQuery (a later version) so I'd like to use that version instead. How do I change this?

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic