表单提交在preventDefault不工作之后再次单击提交按钮

时间:2015-07-06 09:46:15

标签: javascript jquery html html5

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

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

由于

1 个答案:

答案 0 :(得分:1)

WORKING FIDDLE

<强> CODE

$(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>