联系表单7:在填写必填字段之前，是否可以使用灰色的Submit-Button？

Question

是否可以将联系人表单7中的"Submit"-button显示为灰色或在填写完所有申请字段之前处于非活动状态？

我必须在哪里实现代码？

谢谢!干杯!

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