Question

我正试图在提交上调用一个简单的函数。我尝试使用onsubmit和jQuery的监听器。我的问题是，当用户按下回车键时，他会被重定向到mysite.com?

<form id="teleport">
<input id="tInput" type="text" value="Type a location" />
<input type="button" id="tSubmit" value="Submit"/> 
</form>

$("#teleport").submit(function () {
teleport(document.getElementById('tInput').value);
});

提交时如何防止发生任何事情？另外.submit（）只检测回车键，如何同时输入回车键并点击提交按钮？

Answer 1

您需要阻止表单的默认操作。您可以使用event.preventDefault()：

执行此操作

$("#teleport").submit(function (e) {
    e.preventDefault();
    teleport(document.getElementById('tInput').value);
});

或者，您可以在return false事件处理程序中submit获得相同的效果。

使按钮提交表单的最简单方法是将其类型更改为submit：

<input type="submit" id="tSubmit" value="Submit" />

或者您可以将click事件处理程序附加到当前按钮并触发表单的submit事件。

Answer 2

<阻止提交表单：

$("#teleport").submit(function (e) {
   teleport(document.getElementById('tInput').value);
   e.preventDefault();
});

提交活动会以任何方式提交表单 - 单击提交按钮并输入按键。

简单的功能onSubmit？

2 个答案: