使用jquery提交表单，无需导航到其他屏幕

我试图使表单提交不会导致页面导航并使用ajaxSubmit提交内容。但是，当我单击submit按钮时，它仍然会导航到表单的action属性中的页面。下面是javascript：

var options = {
    success: processLogin
};
$('#loginform').submit(function() {
    $(this).ajaxSubmit(options);
    return false;
});

表格如下：

<form id='loginform' action='login.php' method='post'>
    <table id='logintable'>
        <tr>
            <td>Room:</td>
            <td><input id='roomname' type='text' name='roomname' /></td>
        </tr>
        <tr>
            <td>Nickname:</td>
            <td><input id='nickname' type='text' name='nickname' /></td>
        </tr>
        <tr>
            <td colspan='2' class='center'><input type='submit' value='Submit' /></td>
    </table>
</form>

房间：
昵称：

使用

---

另一个选项是将输入html标记更改为

，这将为您提供一个按钮，该按钮除了提供一个javascript挂钩外，什么都不做

使用以下javascript提交表单

$("#save").click(function() {
    $("#loginform").ajaxSubmit();
}

在执行此操作时，您将无法通过按enter键提交表单。您可以通过以下jquery来克服这一问题：

$("input").keypress(function(e) {
    if (e.which == 13) {
        $("#save").click();
    }
});

---

当有人在表单上按enter键时会发生什么？

$("input").keypress(function(e) {
    if (e.which == 13) {
        $("#save").click();
    }
});