Contact Form 7: Clear all field except specific after submission


wordpressJust 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:-

Advertisements

  • 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>
    

    *** 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!




Share this with your friends:-

One Response to “Contact Form 7: Clear all field except specific after submission”

  1. Andriy says:

    this is what i’m facing.
    whenever successful submission it will clear all the field
    now this solution can let me retain my value!

Leave a Reply