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

【问题标题】：form submit after preventDefault not working until submit button is clicked a second timepreventDefault 之后的表单提交在第二次单击提交按钮之前不起作用
【发布时间】：2015-07-06 20:28:30
【问题描述】：

我有一个表单，我通过 jQuery 验证某些字段，并在检查一切正确后，我想提交表单。所以首先我阻止在单击提交按钮时提交表单，我执行验证，最后如果一切正确，我提交表单。但是直到单击提交按钮两次，我的表单才提交。我该如何解决？

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

谢谢

【问题讨论】：

jsfiddle.net/arunpjohny/owjbbu06/2 - 应该没问题
旁注：改用if( !form_ok ) { e.preventDefault(); } 会更简单。

标签： javascript jquery html

【解决方案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>

【讨论】：