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 of course）

怎么做？另外，我也不想转发到insert.php文件。我只想在divgert时弹出div，同时提交表单，不做其他事情（如果需要，用户可以自己关闭弹出div）。

希望你们能帮助我！

亲切的问候，莫里斯

Answer 1

要触发提交，只需在您要提交的任何地方$("form").submit()即可。要避免转到insert.php文件，请在提交功能的末尾添加return false;。

但是，为此，你必须做一个ajax帖子。

E.g：

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

Answer 2

您可以使用$.submit http://jqapi.com/#p=submit

触发/功能触发时自动提交表单

2 个答案: