jquery - 在 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?
    }
});

怎么做？

Answer 1

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

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

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

编辑:

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

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

而不是听点击