jQuery中的联系表7呼叫提交事件

Iho*_*huk 2 html wordpress jquery

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

<input type="text" name="test" id="test" class="form-control">
Run Code Online (Sandbox Code Playgroud)

我需要检查字段为空,然后提交表格:

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

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

    if (testInput != '') {
        // How to submit form here?
    }
});
Run Code Online (Sandbox Code Playgroud)

怎么做?

Fra*_*ost 5

首先检查它是否为空,然后再阻止默认​​值。然后它将以其他方式提交

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

    if (testInput === '') {
        e.preventDefault();
    }
});
Run Code Online (Sandbox Code Playgroud)

编辑:

您还应该考虑人们不是通过按Submit而是通过按Enter来提交的-因此您应该适当地执行以下操作:

$('#myForm').on('submit', function() {
  ....
}
Run Code Online (Sandbox Code Playgroud)

而不是听点击