表單提交和Ajax調用

Question

我在提交表單時遇到問題。

這裏的情況是

<form ....> 

    <input type="text" id="ajax"> <img onclick="saveTextBox"> 

    <input type="text"> 
    <input type="text"> 
    <input type="text"> 

</form> 

在上面的表格時，IMG的就是點擊我稱之爲Ajax腳本保存按鈕。 沒關係。

我需要的是當我專注於文本框Ajax調用ajaxscript（沒有點擊img）。

我添加一個jQuery來管理key = 13並調用腳本，但問題是運行Ajax腳本並提交表單。

當我關注Ajax文本框並按Enter鍵時，如何覆蓋表單提交？

Answer 1

Return false。

Answer 2

首先。將圖像廢棄並用real submit button替換。

然後。處理表單元素的onsubmit事件中的所有JS交互。取消默認動作，以便JS運行並且正常的表單提交不會（當JS可用時）。

總之：是pragmatic，建立在有效的東西上，並在恰當的時刻攔截事件。不要忽略元素的主要目的，並創建一個全新的方式來觸發它已經做的事情。

Answer 3

樣本事件的功能，將停止提交事件：

function submitHandler() { 
    // do ajax stuff here 

    return false; 
}