Techie Corner

Just had a job in WordPress and Contact Form 7. My client required some fields to have default value for all the time. However, whenever user submit the form, CF7 will clear all the field once the submission is successful. After some research, i manage to find a solution to retain the field value for CF7 after submission.

Contact Form 7 to clear all field except specific one after submission, follow the steps below:-

• To clear all field value except the one that you need, you have to overwrite the clearForm function.
• Just edit the footer.php and add in these code before the body tag and your will be able to retain your field value after successful submission with CF7.
  
  <script type="text/javascript"> jQuery.fn.clearForm = function() { return this.each(function() { jQuery('input', this).not('#your-selector').clearFields(); }); }; </script>

  1 2 3 4 5 6 7

  <script type="text/javascript"> jQuery.fn.clearForm = function() { return this.each(function() { jQuery('input', this).not('#your-selector').clearFields(); }); }; </script>

  
  *** replace #your-selector with your selector
• Now you may try to do a form submission and your selector value should be retain even the form submission is successful.

Happy Blogging!

Tags: cf7 Clear all field except specific after submission, cf7 retain field value after form submission, contact form 7, Contact Form 7 Clear all field except specific after submission, contact form 7 retain value after form submission, Wordpress

---