使用 div 确认并提交表单

Using a div to confirm AND submit a form

我有以下代码:

<div class="ui-button-submit" onclick="document.forms['appointment-form'].submit();"><img src="/laravel/public/img/icon-delete.png"><span class="ui-button-text"> Mass Delete</span></div>

在我的表单中,我有几个复选框,我可以单击这些复选框,然后点击此按钮(上面的代码)来提交和删除这些记录。问题是,我需要在上面的代码中有一个确认消息,所以它在提交表单之前要求确认。有什么想法吗?

您需要在提交表单前显示确认框。 因此,首先更改表单提交方法调用,当您单击批量删除按钮时显示使用 JavaScript 确认对话框,然后用户单击确定或是按钮然后提交表单(调用您的方法 document.forms['appointment-form'].submit())。