2009-12-08 71 views
1

我正在嘗試使用jQuery SimpleModal確認在提交表單時顯示是/否確認。SimpleModal確認無法提交表格

我修改了demo here(最後一個列表),如下所示,以捕獲並阻止表單提交。

但是,這似乎只適用於jQuery 1.2.6最近升級到1.3.2停止表單被提交,如果是單擊。

但是我不能確定我的代碼中現在的錯誤/不兼容。演示(這是一個簡單的window.href實現在兩個版本中都有效)。

$(document).ready(function() { 

$('input.delete').click(function (e) { 
     e.preventDefault(); 
     var target = $(e.target); 
     confirm("Really delete this event?", function() { 
      target.click() 
     }); 
    }); 
}); 
+0

是刪除輸入「提交」輸入類型? – Funka 2009-12-09 05:08:32

+0

Funka - 是的,這是提交按鈕。 – 2009-12-09 10:17:31

回答

1

得到它與粉化工業和埃裏克的建議的組合工作:

$(document).ready(function() { 
$('.deleteconfirm').click(function (e) { 
     e.preventDefault(); 
     confirm("Really delete this event?", function() { 
     $('form#deleteform').submit() 
     }); 
    }); 
}); 
1

喬恩,

演示是該網站使用的是最新的jQuery,所以我不認爲這是版本和SimpleModal之間的問題。

關於嘗試什麼:

target.submit(); 

-Eric

+0

同樣的結果。出現彈出式窗口,'是'行爲不會提交任何內容。 – 2009-12-11 10:13:15

2

怎麼這樣呢?這個想法是在提交事件上捕獲(並且觸發!),而不是點擊事件。

$(document).ready(function() { 
    $('#myForm').submit(function() { 
     var f = this; 
     confirm("Really delete this event?", function() { 
      $(f).submit(); 
     }); 
     return false; // cancel the initial submit event 
    }); 
}); 

希望這有些幫助。祝你好運!