使用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> 

我怎样才能显示一个确认的fancybox消息时我打电话confirmTask？

Answer 1

您应该向我们展示一些您的代码，但希望这有助于。花式箱具有打开收藏夹的方法，你可以调用的形式提交，像这样：

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

然后你可以把其他元素（例如，您的确认键），然后调用的形式提交：

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

参见tips and tricks section on fancy box参考