Form submit stopped working and errors in javascript console

  • The submission of contact forms has stopped working since upgrade to WP 5.7 and CF7 5.4. Hitting the submit button results in an ever-spinning wheel.

    When the page with the form is loaded I see the following errors in the javascript console:

    jquery-migrate.min.js?ver=3.3.2:2 JQMIGRATE: Migrate is installed, version 3.3.2

api-fetch.min.js?ver…fc7d6dbd156a44561:2 GET https://xxx/wp-json/contact-form-7/v1/contact-forms/221/refill?_locale=user 403 (Forbidden)

api-fetch.min.js?ver…fc7d6dbd156a44561:2 GET https://xxx/wp-admin/admin-ajax.php?action=rest-nonce 400 (Bad Request)

index.js?ver=5.4:1 
Response {type: "basic", url: "https://xxx/wp-admin/admin-ajax.php?action=rest-nonce", redirected: false, status: 400, ok: false, …}

    where xxx is the path to my WP installation

    The same error messages are repeated in the JS console when hittinmg the submit button.

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter christer_f

    (@christer_f)

    Important notes:

    • the probem disappears when you’re logged in!
    • I downgraded to contact form version 5.3.2 and things are back to normal
    • This reply was modified 3 years, 8 months ago by christer_f.
    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Where can we see the website in question?

    Thread Starter christer_f

    (@christer_f)

    Thanks a lot for coming to help so quickly!!!

    I have updated to the 5.4 version on the production site and if you use the english contact page here:

    https://zecamp.fr/en/contact/

    any mail submissions will just go to me, not to my client

    • This reply was modified 3 years, 8 months ago by christer_f.
    Plugin Author Takayuki Miyoshi

    (@takayukister)

    What other plugins and theme do you use on the site?

    Thread Starter christer_f

    (@christer_f)

    It’s a large site… I use 55 plugins, of which 24 have been developed by me. I also use a custom theme based on _tk, but with the version of Bootstrap updated to 3.4.1 to be compatible with the new version of jQuery included with WordPress.

    Thread Starter christer_f

    (@christer_f)

    I have tested to deactive plugins and change theme in my development environment. It appears that the javascript errors occur when I switch on Woocommerce. When I deactive Woocommerce things are back to normal again.

    Hope this will put you on the right track

    Thread Starter christer_f

    (@christer_f)

    I have now downgraded to 5.3.2 on the production site mentioned above, since I don’t want to leave it in a non-working state. Anyway it seems there is a conflict between version 5.4 and Woocommerce

    • This reply was modified 3 years, 8 months ago by christer_f.

    I have the same problem, but do not have woocommerce.
    My first conclusion was a conflict between my theme and Elementor, but only on Iphone touch phones. It all started with a double click problem right after we launched the site this week. During this past week the form also stop working (also on web), not just that you had to doubel tap. If I empty the cache, it works for a while again. Now I managed to detect in the console these bad requests. Took a print screen. I have removed the form on the customer’s site, (but has set up one that is not in the menu to be able to test) The same phenomenon occurs on the development site located on a completely different server. The only new thing I can think of is the cache plugin. I deactivated wordfence as it was a problem during the move and have not activated it again. Also had reCAPCHA on the page but read that it could cause the problem so removed it with. But the problem remains..sporadically …

    So active plugins on site is:

    Bulk Media Register
    CMP – Coming Soon & Maintenance Plugin
    Contact Form 7
    Flamingo
    GutenBee
    Lefkada Essentials
    Post SMTP
    Shareaholic – Grow and Engage Your Audience
    Smush
    UpdraftPlus – Backup/Restore
    WP-Optimize – Clean, Compress, Cache
    Yoast SEO

    Test site (developer site): https://dinlayout.se/2102/
    Live site hidden form: https://trad.nu/kontakta/

    Theme: Child of https://www.cssigniter.com/themes/lefkada/
    Printscreen: https://dinlayout.se/6100/wp-content/uploads/2021/04/2021-04-10-1.png

    I have started an investigation regarding double clicks with the theme creator, so the test site may change both theme and other things in the near future. I have to solve this for my customer as fast as possible. I do not know if this conflict also causes some other buttons to not work properly. There could probably be two separate problems, and we were unlucky enough to suffer from both.
    If anyone has any tips, love to hear about them … working around the clock to get a working page for the customer.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Form submit stopped working and errors in javascript console’ is closed to new replies.