Контактная форма 7. Возможно ли выделение кнопки «Отправить» серым цветом до тех пор, пока не будут заполнены обязательные поля?

Question

Возможно ли, чтобы кнопка "Отправить" в контактной форме 7 была серой или неактивной, пока не были заполнены все обязательные поля?

Где я должен реализовать код?

Спасибо! Ура! * * 1005

Answer 1

Вы можете использовать jQuery, чтобы отключить кнопку отправки, пока она не заполнится.

Вы можете разместить код ниже в файле .js или в footer.php

var disableSubmit = false;
jQuery('input.wpcf7-submit[type="submit"]').click(function() {
    jQuery(':input[type="submit"]').attr('value',"Sending...")
    if (disableSubmit == true) {
        return false;
    }
    disableSubmit = true;
    return true;
})

var wpcf7Elm = document.querySelector( '.wpcf7' );
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
    jQuery(':input[type="submit"]').attr('value',"send")
    disableSubmit = false;
}, false );