在 jQuery 中联系表单 7 调用提交事件

Question

我有一个简单的联系表格，最后我添加了一个自定义字段：

 <input type="text" name="test" id="test" class="form-control">

我需要检查字段是否为空然后提交表单：

 $('.wpcf7-submit').on('click', function (e) {
    e.preventDefault();

    var testInput = $('input[name="test"]').val();

    if (testInput != '') {
        // How to submit form here?
    }
});

怎么做？

原文由 Ihor Tkachuk 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

首先检查它是否为空，然后是 preventDefault。否则它将提交

$('.wpcf7-submit').on('click', function (e) {
    var testInput = $('input[name="test"]').val();

    if (testInput === '') {
        e.preventDefault();
    }
});

编辑：

您还应该考虑到人们不会通过按提交来提交，而是通过按 enter 来提交 - 因此您可能应该这样做：

 $('#myForm').on('submit', function() {
  ....
}

而不是听点击

原文由 Frnak 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果输入为空，您可以像这样防止默认：

 $('.wpcf7-submit').on('click', function (e) {
var testInput = $('input[name="test"]').val();

if (testInput === '') {
    e.preventDefault();

}

});

要么：

 $('.wpcf7-submit').on('click', function (e) {
e.preventDefault();

var testInput = $('input[name="test"]').val();

if (testInput != '') {
    $('#form-id').submit();
}

});

希望它会有所帮助。

原文由 Mohammed Abdelhay 发布，翻译遵循 CC BY-SA 3.0 许可协议