Crish

<p>Contact Form 7 (CF7) is one of the most used and reliable WordPress Plugin with with millions of users widespread presence over the web. Users are continuously facing trouble to set different error messages for each fields of Contact Form 7. They are not able to set custom messages like ‘Please enter your name’, ‘Please enter your email’, etc. But instead they are forced to use ‘Please fill the required field’ for every fields of Contact Form 7.</p>
<p>Few people have found client side javascript or jQuery methods to overcome this problem. However, here is a solution for this and just launched ‘CF7 – Custom Error Messages’ plugin, which will allow you user to put a Custom Error Message for each required fields of Contact Form 7. This will easily configure and display error messages as inputted by Contact Form 7 users.</p>
<p>CF7- Custom Error Messages plugin doesn’t make use of any type of jquery/javascript customization. You just need to add Messages from admin according to your required fields in your CF7. In order to use this plugin, make sure your Contact Form 7 is activated.</p>
<h4>CF7 – Custom Error Message Features</h4>
<ul>
<li>You can customize your Contact form 7 Error Messages.</li>
<li>Allows you to set Different Error Messasge for all your fields.</li>
<li>Plugin can work in multiple forms on different page or single page.</li>
<li>The Plugin allows to set validation messages for all required input fields.</li>
<li>Other validation of Text Field, Textarea field and Email field is allowed.</li>
</ul>
<h3>Plugin Requirement</h3>
<p>PHP version : 5.3 and latest<br />
WordPress   : WordPress 3.0 and latest</p>


CF7 – Custom Error Messages

This plugin saved me a lot of time! Great job. Small correction that i might add regarding the email type fields is that you don't need the "else" case in the file cf7-custom-error-message.php on line 128! It doesn't save the default invalid message this way that makes the error message empty.

Once again good job!

Its Awesome!

Contact Form 7 - Different Custom Error Messages for each field tags.

GusRuss89

Addons for Contact Form 7

<p>View a live preview of your form as you’re building it.</p>
<h4>Contact Form 7 Preview</h4>
<p>Contact Form 7 is great, but building your forms using form tags can be painful and slow when you have to constantly save, switch tabs and refresh to see your changes.</p>
<p>Contact Form 7 Live Preview relieves this pain by displaying a live preview of your form directly underneath the form editor.</p>
<h4>How does it work</h4>
<p>Contact Form 7 Live Preview creates a “dummy” form and displays it in the live preview pane. Whenever you make changes to a form you’re working on, it saves your current state to the dummy form and refreshes the preview. This means you don’t have to save your form to see your changes, which can be especially important if your form is currently live.</p>
<p>The dummy form is set to <a href="https://contactform7.com/additional-settings/" rel="nofollow ugc"><code>demo_mode: on</code></a>, which means you can test the validation and success messages and no emails will be sent.</p>
<h4>Note: It may not work with some themes or plugins</h4>
<p>The preview window displays <em>just</em> the form. It loads your site’s scripts and styles as long as they’re enqueued properly via <a href="https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts" rel="nofollow ugc">hooks</a>. If something isn’t looking right in the preview, make sure your scripts and styles are enqueued correctly, and aren’t loaded conditionally (E.g. <code>is_page('contact'))</code>.</p>
<p>If it doesn’t work for you, please don’t go straight for leaving a bad review. Let me know in the forums and we’ll figure out if the problem is with the plugin, or with your theme. If it’s a problem with the plugin I’ll try and fix it.</p>
<h4>Features:</h4>
<ul>
<li>Live preview changes to your form</li>
<li>Test validation and error messages without sending emails</li>
<li>Set the background colour of the preview (helpful if your form is going to be on a different coloured background once live)</li>
<li>Works with most CF7 addons that affect the look and behaviour of your form</li>
</ul>
<h4>Tested with:</h4>
<ul>
<li><a href="https://wordpress.org/plugins/material-design-for-contact-form-7/" rel="ugc">Material Design for Contact Form 7</a></li>
<li>Conditional Fields for Contact Form 7</li>
</ul>


Live Preview for Contact Form 7

View a live preview of your form as you're building it. Contact Form 7's form tags can be hard to wrangle. Immediate feedback saves you time …

CF7 – Custom Error Messages vs Live Preview for Contact Form 7