我不能向jConfirm提交

Question

我想使用插件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对话框不会挂起提交事件。结果是在没有确认的情况下快速查看对话框和submit事件。

注意:标准的“确认”挂起事件(因为它是模态的；jConfirm不是)，但它不是很漂亮。

我尝试阻止submit事件(使用preventDefaut())，显示jConfirm对话框，并使用$("#FLigne").submit(); =>提交表单。提交错误，调用的servlet无法检索表单的值……:'(

我能做些什么？

谢谢！

Answer 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();
   });
});

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>

Answer 2

改变这一点

<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();">