简单的函数onSubmit？

Question

我想调用一个简单的函数onsubmit。我尝试使用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); 
}); 

此外，也可以达到相同的效果的submit事件处理中return false。

使按钮提交表单也将改变它的最简单方法是类型submit：

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

或者你可以附上click事件处理程序，以你目前的按钮并触发submit事件的形式。

Answer 2

防止submiting形式：

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

提交事件捕获提交表单的任何方式 - 既与点击提交按钮，输入按键。