联系表格 7：在填写必填字段之前，是否可以有一个灰色的提交按钮？

Question

在填写所有必填字段之前，是否可以让 Contact Form 7 中的“提交”按钮变灰或不活动？

我必须在哪里实现代码？

谢谢！干杯！

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 );