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