簡單的函數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(); 
}); 

提交事件捕獲提交表單的任何方式 - 既與點擊提交按鈕，輸入按鍵。