CODEWITHSUNDEEP
csswordpresscontact-form-7
developeter
developeter

Reputation: 149

Contact form 7 validation failed

I use Contact Form 7 plugin in WordPress, just updated to the latest version (4.9). If you submit a form without filling up all required fields a validation error occurs, however, the error message appears on the top of the missed field and it does not let you to fill it up.

enter image description here

The field is not disabled, if I delete the error message element in developer tools I can click into the field and fill it up.

Upvotes: 0

Views: 2546

Answers (2)

Sanyam Tanwar EI Tech
Sanyam Tanwar EI Tech

Reputation: 1

var _wpcf7_unit_tag = $('form#booknow_popup').find('input[name="_wpcf7_unit_tag"]').val();

var data = new FormData();
data.append("_wpcf7_recaptcha_response",g_recaptcha_response);
data.append("_wpcf7_unit_tag", _wpcf7_unit_tag);

simply those fields are required or not fount so append it.

Upvotes: 0

user8230352
user8230352

Reputation: 1793

I have used that plugin in the past and never had any issues with it. It is most probably a CSS issue.

Try to find .wpcf7-not-valid-tip class inside the style.css file and modify it to your liking.

Here are the default styles that the plugin uses:

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
}

Upvotes: 2

Related Questions