javascript - 在第二次单击提交按钮之前，preventDefault 后的表单提交不起作用

Question

我有一个表单，我通过 jQuery 验证一些字段，在检查一切都正确后，我想提交该表单。因此，首先，我在单击提交按钮时阻止提交表单，然后执行验证，最后如果一切正确，我提交表单。但我的表单只有在单击提交按钮两次后才会提交。怎么解决呢？

$('#form1').submit(function(e) {
    e.preventDefault();
    ... // Validation actions
    if (form_ok) {
       $(this).unbind('submit').submit();
    }
});

谢谢

Answer 1

WORKING FIDDLE

代码

$(document).ready(function(){
    $('#form1').submit(function(e) {
        var form_ok=$(":text").val().length>0;

        if(!form_ok)
        {
            e.preventDefault();
        }

    });
});

HTML

<form id="form1">
    <input type="text" />
    <input type="submit" value="Submit" />

</form>