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

请参阅tips and tricks section on fancy box以获取参考资料

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

1 个答案: