vahro.ru

Сообщение формы – .wpcf7-response-output

So, following the Contact Form 7 documentation on DOM Events, I was able to get this working how I wanted with the following JS code:

/* Validation Events for changing response CSS classes */
document.addEventListener( 'wpcf7invalid', function( event ) {
    $('.wpcf7-response-output').addClass('alert alert-danger');
}, false );
document.addEventListener( 'wpcf7spam', function( event ) {
    $('.wpcf7-response-output').addClass('alert alert-warning');
}, false );
document.addEventListener( 'wpcf7mailfailed', function( event ) {
    $('.wpcf7-response-output').addClass('alert alert-warning');
}, false );
document.addEventListener( 'wpcf7mailsent', function( event ) {
    $('.wpcf7-response-output').addClass('alert alert-success');
}, false );

How to modify Contact Form 7 Success/Error Response Output – https://wordpress.stackexchange.com/questions/282751/how-to-modify-contact-form-7-success-error-response-output

Сообщение об ошибке – .wpcf7-not-valid-tip

После каждого поля с валидацией может генерироваться сообщение об ошибке (класс .wpcf7-not-valid-tip) после переноса фокуса и начала исправление в поле это сообщение должно бы пропадать, но не пропадает

CF7 – Spam filtering with Akismet – https://contactform7.com/spam-filtering-with-akismet/

Contact Form 7 – генерирует много лишнего html, для того чтобы убрать ненужные теги <p> из формы существует несколько вариантов