2012-01-21 36 views
1

我想使用插件jConfirm確認提交表單。我無法使用jConfirm提交

他是代碼:

<form name="FLigne" id="FLigne" target="_self" method="post" action="Listeligne"> 
..... 
<p><input type="submit" id="bSupprimer" name="Valide" value="Supprimer la ligne" class="boutons" onclick="return confirmSubmit();"></p> 
</form> 

<script> 
function confirmSubmit() { 
jConfirm("Confirmez-vous la suppression de la ligne ?", "confirmation", function(r) { return r }); 
} 
</script> 

的問題是,jConfirm對話框不會暫停提交事件。 結果是快速查看對話框和提交事件追加而無需確認。

注意:標準的「確認」暫停事件(因爲它是模態的; jConfirm不是),但它不是很漂亮。

我嘗試阻止提交事件(使用preventDefaut()),顯示jConfirm對話框並使用$("#FLigne").submit(); =>提交表單提交錯誤,並且所調用的servlet未檢索到表單的值...: 「(

我該怎麼辦?

謝謝!

回答

1

既然你已經有jquery,你可以使用提交處理程序。你不需要使用內聯JavaScript。

腳本代碼:

$('form#FLigne').submit(function(e){ 
    e.preventDefault(); 
    jConfirm("Confirmez-vous la suppression de la ligne ?", "confirmation", function(result){ 
     if(result) $('input#bSupprimer').click(); 
    }); 
}); 

HTML:刪除的onclick調用

<form name="FLigne" id="FLigne" target="_self" method="post" action="Listeligne"> 
..... 
<p><input type="submit" id="bSupprimer" name="Valide" value="Supprimer la ligne" class="boutons"></p> 
</form> 
+0

我試了一下:jconfirm對話框做的工作,但提交是不好的。在servlet中,提交按鈕的「request.getParameter」返回「null」而不是按鈕的值.... 感謝您的回答! – Finelizzyx

+0

得到了你的問題..現在試試..我相信你的pbm將被解決...而是提交表單,需要點擊提交按鈕。 –

+0

試試麼?什麼是新的?我不明白你的意思... – Finelizzyx

1

更改此

<input type="submit" id="bSupprimer" name="Valide" value="Supprimer la ligne" class="boutons" onclick="return confirmSubmit();"> 

<input type="button" id="bSupprimer" name="Valide" value="Supprimer la ligne" class="boutons" onclick="return confirmSubmit();"> 
+0

謝謝您的回答。^_^ 我試過了:沒有提交追加。 我試圖用類型「按鈕」提交:提交是不好的。 – Finelizzyx

+0

問題已解決:輸入類型提交,沒有令牌「onclick」和一個提交功能,其中包含一個點擊按鈕強制jQuery的點擊。 謝謝你的幫助! – Finelizzyx

+0

其工作。謝謝你 – Neeraj