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

Question

在填写所有必填字段之前，可以将联系表单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 );