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

编辑：

您还应该考虑人们不按提交提交，但按Enter键提交 - 因此您应该合适地执行以下操作：

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

而不是听取点击

Answer 2

这应该有效：

$('.wpcf7-submit').submit();

Answer 3

如果输入为空，你可以阻止默认：

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

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

}

}）;

OR：

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

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

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

}）;

希望它会有所帮助。

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

3 个答案: