jquery - 使用 jQuery 提交表单时在 Fancybox 中显示确认对话框

Question

我正在尝试使用 Fancybox 确认消息控制表单提交确认。

如何使用 jQuery fancybox 向表单提交添加事件？

我的表格来源如下：

<form name="oactivite" action="url" method="POST" onsubmit="return confirmTask(' do you confirm task : '+document.forms['oactivite'].elements['task_id'].options[this.document.forms['oactivite'].elements['task_id'].selectedIndex].text+'?');">
    <select name="task_id" id="task_id">
        <option value="1">Pause</option>
        <option value="2">Digit</option>
        <option value="3">editing</option>
    </select>
    <div name="emp_id" value="20" style="display:none" />
    <input type="submit" value="validate task"/>
  </form>

当我调用confirmTask 时如何显示fancybox 确认消息？

Answer 1

您应该向我们展示您的一些代码，但希望这会有所帮助。Fancy box 有一个打开灯箱的方法，你可以在表单提交时调用它，如下所示：

$('#myform').submit(function() {
    $("#myfancybox").trigger('click');
    return false; // prevents form from submitting
});

然后，您可以放置​​另一个元素（例如，您的确认按钮），然后调用表单提交：

$('#confirmbutton').click(function() {
    $('#myform').submit();
});

请参阅花式盒子上的提示和技巧部分以供参考