Can you add an After Validation javascript callback for Contact Form 7?

Question

After the form is submitted if the user failed to enter the required fields I want to add additional javascript goodies, but can't figure out where to add my own custom callback after the form has been validated/posted.

Is this possible without hacking the module?

Thanks, Greg

for anybody searching: [go here](http://stackoverflow.com/a/27799147/600121) — honk31, Oct 15 '15 at 16:07

score 2 · Accepted Answer · answered Sep 22 '11 at 13:36

2

This plugin seems to use JavaScript validation, so you could add your own custom JavaScript validation by hooking into the submit event (for example). Since this is JavaScript, you won't be hacking the module.

I suggest using Firebug, or some other DOM inspector, to determine the best place to bind your events.

Also, check out the plugin docs. There is also a forum which may provide more specific help.

answered Sep 22 '11 at 13:36

Jason McCreary

71,546
23
135
174

We ended up doing something along those lines: $('.wpcf7-response-output').bind('DOMSubtreeModified', function() { ... }); Though this isn't perfect. It does work ;) – SomethingOn Sep 22 '11 at 14:00
1

Awesome. Glad you figured it out. Thanks for posting what you used. Welcome to StackOverflow. – Jason McCreary Sep 22 '11 at 14:03

Can you add an After Validation javascript callback for Contact Form 7?

1 Answers1