2013-03-13 75 views
-1

目前我有一個提交按鈕彈出一個確認,允許表單數據被處理或不。兩個按鈕確認 - jquery

我需要我的另一個按鈕在我的表單頁面上,名爲「取消」以具有相同的操作。我怎樣才能擴展這段代碼以向同一個表單添加第二個確認?

這些表單上我的按鈕:

enter image description here

這是我當前的代碼工作:

</script> 
     <script> 
      $(document).on('submit', "#signinform", function(e) 
      { 
       if (!confirm("By clicking 'OK' you will be placed in queue! Please take a seat.")) 
       { 
        e.preventDefault(); 
        return; 
       } 
      }); 
     </script> 

只需添加上:

提交是一個提交按鈕。取消只是一個帶有邊框的href。

也再次

這隻適用於提交按鈕。

我需要另一個名爲「取消」的表單上的其他按鈕來做同樣的事情,如果您點擊確定,您的提交數據將被刪除,然後您將返回到表單。如果你點擊取消,那麼你將留在頁面上。

+0

究竟是什麼問題? – jeroen 2013-03-13 13:59:26

+0

只是爲了記錄:以前的解決方案使用jquery的對話方法,如$(...)。dialog({buttons:{Confirm:-handler-,Cancel:-handler - }})'not'$(document)。 ready()' – VolkerK 2013-03-13 14:00:58

+0

你需要定義你想要的取消按鈕來做什麼,你不能只複製確認按鈕,並期望它的工作。 – jeroen 2013-03-13 14:38:52

回答

1

我猜你只需要像

$(document).on('click', "#cancelButtonID", function(e) 
{ 
    if (!confirm("By clicking 'OK' you cancel the submission and the form is cleared.")) 
    { 
     e.preventDefault(); 
     return; 
    } 
    else { 
     //Clear the form or perform whatever actions are needed 
    } 
}); 

我認爲然而,你可能需要更換您的取消鏈接一個適當<input type="reset">按鈕,將自動清除表單當你讓默認動作發生。那麼你應該能夠擺脫上面的else部分。

+0

添加了更新到OP,但仍然沒有,我明白,我沒有JS事件處理程序像dialog()那裏我補充說,我仍然注意到的代碼? – RaGe10940 2013-03-13 14:25:41

+0

按鈕不能按預期工作,或者您甚至無法獲得對話框? – 2013-03-13 14:44:06

+0

我更新了我的OP,使其更清楚我需要做什麼。希望能夠清除一些東西。 – RaGe10940 2013-03-13 14:49:16