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对话框不会暂停提交事件。结果是快速查看对话框并且提交事件附加而不进行确认。

注意：标准“确认”暂停事件（因为它是模态的; jConfirm不是）但它不是很漂亮。

我尝试阻止提交事件（使用preventDefaut（）），显示jConfirm对话框并使用$("#FLigne").submit(); =＆gt;提交表单提交很糟糕，调用的servlet不会检索表单的值...：'（

我该怎么办？

谢谢！

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

Answer 2

由于你已经有了jquery，你可以使用submit handler。你不需要使用内联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>

我无法通过jConfirm提交

2 个答案: