2012-01-21 35 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