2011-02-23 70 views
0

我有一個用戶查看2個表單的數據的頁面。一個叫數據部分1,另一個叫數據部分2.這兩個表單頂部有一個EDIT按鈕,用戶可以在同一頁面上編輯表單。2同一頁面上的AJAX表單:如果另一個已經運行,則禁止打開一個

當用戶單擊編輯時,它向我的PHP控制器發送一個AJAX請求,並返回填充了所有輸入字段的HTML。有用。

我的問題是,我想防止用戶點擊第一次編輯,然後再次編輯。如果他正在編輯第1部分(或第2部分),他必須保存,然後他可以編輯第二部分。當我保存表單時,我不通過AJAX保存,表單以普通的HTTP形式發送。

我該怎麼做?這是很好的解釋或需要一些圖像的例子?

預先感謝您

更新:

<h2> 
    Form1 
    <a id="projects_historics_edit_part_1" href="#" class="submitButton submit insideH"><span>Edit</span></a> 
</h2> 


<div id="projects_historics_part_1"> 
    <!-- display for form 1, when click at button edit from inside h2, this loads the form via ajax --> 
</div> 

<h2> 
    Form2 
    <a id="projects_historics_edit_part_2" href="#" class="submitButton submit insideH"><span>Edit</span></a> 
</h2> 


<div id="projects_historics_part_2"> 
    <!-- display for form 2, when click at button edit from inside h2, this loads the form via ajax --> 
</div> 
+0

你有兩種形式的單獨編輯鏈接?一些標記將大大幫助我們... – Rafay 2011-02-23 13:37:37

+0

禁用使用'disabled =禁用'html屬性的按鈕,並且有一點javascript/jquery禁用表單的默認動作,條件是這兩種表單都令人滿意:) – Val 2011-02-23 13:39:19

+0

@ 3nigma:我更新了一些代碼。謝謝 – udexter 2011-02-23 13:44:49

回答

1

有幾個選項,你都不可能絲進入編輯按鈕JavaScript功能將禁用其他編輯按鈕,以待救。

按鈕1的onclick:

$('#button2Id').attr('disabled', 'disabled'); 

然後在保存...

$('button').removeAttr('disabled'); 

或者,你可以隱藏字段設置爲標誌,如果你有一個形式或其他開放,並簡單地在執行AJAX創建表單之前,請檢查該隱藏字段的值。

相關問題