自動提交表單時，觸發/功能觸發

Question

我有以下工作形式：

<div id="player_won"> 
<form action="insert.php" method="post"> 
Firstname: <input type="text" name="firstname" /> 
Lastname: <input type="text" name="lastname" /> 
Score: <input type="text" name="score" /> 
<input type="submit" /> 
</form> 
</div> 

當點擊提交，將數據提交給我的數據庫。所有作品都很棒。唯一的缺點是它會在成功提交後顯示這個insert.php文件。

現在我也有以下觸發：

function gameWon(){ 
var $game_board = $("#game_board_container"); 
var $player_won = $("#player_won"); 
$player_won.show(); 
$game_board = $player_won = null; 
}; 

發生這種情況時，它會顯示DIV，其中形式是因爲所有的字段已經預填，我也想提交。同時自動生成，無需按提交按鈕。 （但仍顯示課程的形式/ div）

如何做到這一點？另外，我也不想被轉發到insert.php文件。我只想讓div在triggert時彈出，同時提交表單，並且什麼也不做（如果需要，用戶可以自己關閉彈出的div）。

希望你們能幫助我！

親切的問候， 莫里斯

Answer 1

要觸發提交，只是做$("form").submit()。爲了避免去insert.php文件，在提交函數的末尾添加return false;。

但是，爲了這個工作，你必須做一個阿賈克斯職位。

如：

$(function(){ 
    $("form").submit(function(){ 
     $.ajax({ 
     //ajax post logic 
     }); 
     return false; 
    }); 
}); 

Answer 2

無論你想要做一個提交您可以使用$.submithttp://jqapi.com/#p=submit