jquery模擬「假」表單提交

Question

我正在爲一個項目構建模板，它目前沒有構建服務器端。我需要測試我的表單和驗證，並且想要「僞造」表單提交。

我想這一點：

$("#save").click(function(e) { 
    e.preventDefault(); 
    $(this).closest("form").find("input").prop('disabled',true); 
    $("#save").prop('disabled',true); 
    $("#edit").prop('disabled',false); 
    //submit form via ajax to be built 
    $("form").submit(function() { 
    alert('success'); 
    }); 
}); 

這是行不通的，因爲我認爲它可能。有什麼建議麼？

Answer 1

submit方法接受事件參數，該事件參數具有方法preventDefault。所以，你的代碼看起來應該像下面的例子：

$('#form').submit(function(e) { 
 
    e.preventDefault(); 
 
    console.log('print something here!'); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="form"> 
 
    <input label="Name" type="text" /> 
 
    <input label="Password" type="text" /> 
 
    <input label="submit" type="submit" /> 
 
</form>

欲瞭解更多信息，可以隨時查詢官方documentation。