表單提交後preventDefault不工作，直到提交按鈕被第二次點擊

Question

我有一個表單，我通過jQuery驗證一些字段，並在檢查一切正確後，我想提交表單。所以首先我要防止表單在提交按鈕被點擊時提交，我執行驗證，最後如果一切正確，我提交表單。但是我的表單直到提交按鈕被點擊兩次才被提交。我該如何解決它？

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

感謝

Answer 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>