Having trouble with your Contact Form 7 on Wordpress? Struggling to get your contact forms to send

Whenever I attempt to submit my standard contact form on my Wordpress website using Contact Form 7, it seems to be stuck in a continuous "sending" mode. Although the form actually works and I receive the submitted mail in my inbox, visually on the homepage, it appears to be stuck.

The Chrome console displays this error message:

Uncaught TypeError: Cannot read property 'dispatchEvent' of undefined
  at Object.wpcf7.triggerEvent (scripts.js?ver=4.9.1:361)
  at ajaxSuccess (scripts.js?ver=4.9.1:279)
  at Object.<anonymous> (scripts.js?ver=4.9.1:344)
  at i (jquery.js?ver=1.12.4:2)
  at Object.fireWith [as resolveWith] (jquery.js?ver=1.12.4:2)
  at y (jquery.js?ver=1.12.4:4)
  at XMLHttpRequest.c (jquery.js?ver=1.12.4:4)

On the other hand, the Firefox console reports:

TypeError: $target.get(...) is undefined[Läs mer]  scripts.js:361:3
  wpcf7.triggerEvent http://***.se/wp-content/plugins/contact-form-7/includes/js/scripts.js:361:3
  wpcf7.submit/ajaxSuccess http://***.se/wp-content/plugins/contact-form-7/includes/js/scripts.js:279:6
  wpcf7.submit/< http://***.se/wp-content/plugins/contact-form-7/includes/js/scripts.js:344:4
  n.Callbacks/i http://***.se/wp-includes/js/jquery/jquery.js:2:27444
  n.Callbacks/j.fireWith http://***.se/wp-includes/js/jquery/jquery.js:2:28213
  y http://***.se/wp-includes/js/jquery/jquery.js:4:22719.send/c

Are there any effective solutions you can suggest to help me resolve this issue?

javascriptajaxwordpressformscontact-form-7

Answer №1

After encountering an issue, I discovered that the root cause was due to a file upload field in my form that exceeded the limits set by post_max_size and upload_max_filesize in my PHP/Apache settings. Once I adjusted these values, the problem was resolved.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Creating a customized dropdown menu in WordPress using Bootstrap 4

Currently, I am in the process of creating a Bootstrap 4 UI for WordPress, and I am encountering difficulties with the navbar menu. Despite diligently following instructions on how to integrate it, I have only achieved limited success. I managed to get th ...

wordpressdrop-down-menubootstrap-4

Can you offer advice on creating jasmine tests for an Angular controller and service similar to this?

I've been struggling with this issue for hours, mainly because I'm still new to Jasmine and AngularJS. The problem lies within my controller. angular.module('toadlane.controllers', []). controller('MainController', functi ...

javascriptunit-testingangularjsjasmine

Creating a custom filter

I am working on creating a filter and I could use some assistance with making minimal changes to my code. I am confident that there is a practical solution for what I am trying to achieve and would appreciate any corrections or suggestions. Button01' ...

javascripthtmlcss

Let's update the VUE app's development server to point to my-testing-web-address.com instead of the default localhost:

I am working on a VUE application and I am trying to run it on an external link instead of localhost. I attempted to configure a vue.config.js devServer: { host: 'http://my-testing-web-address.com', port: 8080, ... } and adjusted t ...

javascriptvue.jslocalhostwebpack-dev-serverdevserver

A guide to dynamically adding a class based on the content of a variable in Vue.js

I have a situation where I need to pass a variable to a component and use it as a class in a div. However, Vue is adding the variable name instead of its content. So, I am passing the prop color which contains the value red. Desired outcome: <div cla ...

javascriptvue.jsvue-component

Could someone provide some insights on how the ( !! ) operator functions?

Angular 6 has arrived and while browsing through a quick tutorial on Medium, I stumbled upon this interesting piece of code. else if (!!this.day4Name && !this.day5Name && days[date] !== this.day4Name) { this.day5Name = days[date]; ...

javascripttypescript

"Why isn't my variable working for the address when trying to append an image source using jQuery

Currently, I am using jQuery to add a variable from nodeJS/MongoDB that contains the address of a profile picture. For example: profile_pic-1512068176863.gif. My issue is that when I directly copy and paste this value into a string, the image displays with ...

javascriptjqueryhtml

Interactive canvas artwork featuring particles

Just came across this interesting demo at . Any ideas on how to draw PNG images on a canvas along with other objects? I know it's not a pressing issue, but I'm curious to learn more. ...

javascriptjquerycsshtml

The Material UI theme of a React component is not locally scoped within the Shadow DOM

Introduction I have embarked on a project to develop a Chrome Extension that utilizes a React component through the Content script. The React component I am working with is a toolbar equipped with various sub-tools for users to interact with while browsin ...

javascriptreactjsgoogle-chrome-extensionmaterial-uishadow-dom

What is the most efficient method for populating *interconnected data-dependent* <select> dropdowns in a Rails application?

When users need to choose a car from our system, they are faced with multiple dropdown menus to select the year, make, model, and submodel. The challenge lies in the fact that these options are interdependent, making it necessary to retrieve data through s ...

htmlajaxperformancedrop-down-menudependencies

determining the preference between setTimeout and setImmediate

After reading the documentation on the node, it mentions: setImmediate(callback, [arg], [...]) This function is supposed to execute callback immediately after I/O events callbacks and before setTimeout and setInterval However, in practice, I noticed tha ...

javascriptnode.js

The blur event is failing to trigger in my custom input component

// The Custom Input component const Box = styled.div``; const InputBox = styled.div<{ width: string }>` display: flex; width: ${(props) => props.width}; height: 42px; justify-content: space-between; align-items: center; padding: 9px ...

javascriptreactjstestingnext.jsreact-testing-library

Populate HTML form with return values using jQuery AJAX

I am struggling with retrieving values from jQuery/AJAX and displaying them in an HTML form within the index.php file. This is what my index.php looks like: <script type="text/javascript"> $(document).ready(function () { $('#display'). ...

javascriptphpjqueryhtmlajax

Having trouble parsing the JSON property when it includes a backslash character

Trying to retrieve a JSON object from the request: var files = req.files.fileData[0]; // Contains multiple file data for(var i=0; i<files.length; i++){ var fileDataArr = JSON.stringify(files[i]); console.log("********** ...

javascriptnode.jsexpress

Is the reference to a variable within an array maintained by JavaScript?

I'm working with react code and using the find() method to select an item from an array. When I retrieve an item from the array, is JavaScript copying the item or returning a reference? EDIT: The items in my array are objects, such as [{id: 12, name ...

javascriptreactjsecmascript-6

Troubleshooting bitrate and quality issues in AWS MediaConvert

Whenever I attempt to initiate a MediaConvert job in CBR, VBR, or QVBR mode with Bitrate or MaxBitrate exceeding 250,000, an error occurs. The message reads: "Unable to write to output file [s3:///videos//***/original.mp4]: [Failed to write data: Access D ...

javascriptnode.jsamazon-web-servicesaws-media-convert

Send the parameter to the compile method within the directive

I am currently working on creating a generic field and utilizing a directive for it. In my HTML code, I have defined the following: <div def-field="name"></div> <div def-field="surname"></div> <div def-field="children"></d ...

javascriptangularjs

Beginner: Struggling with CodeIgniter, JQuery, and Ajax - Having trouble with value returns and displays

I am currently following tutorials from this website: I have made updates to my code to incorporate the latest CodeIgniter (CI) and jQuery (JQ) updates. However, when I try to retrieve data from my database and display it in my view, nothing is happening ...

jqueryajaxcodeigniter

Complete the submission by either clicking the mouse or pressing the enter key

When submitting a form, I can do so by clicking with the mouse or pressing ENTER. An AJAX call is made to check if a designation already exists in the database. If it doesn't exist, the user can submit the form. Otherwise, the SUBMIT button will be d ...

phpjqueryajax

Need to find a way for the function to wait for the response before returning, as the XMLHttpRequest GET function currently returns after sending the request

I'm currently facing an issue with fetching an array from my mongodb database and setting it to a variable that I can use in another function. The problem is that when I call the getFromAPI() method from another function, the function returns after th ...

javascriptnode.jsmongodb