如何提交fancybox表格?

时间:2010-08-06 19:56:26

标签: javascript jquery fancybox

我正在使用fancybox打开提交的表单,如下所示:

<form name="form" id="myForm" action="{$smarty.server.PHP_SELF}?action=abc" method="post" target="iframe" onsubmit="document.getElementById('iframe').src='{$smarty.server.PHP_SELF}?action=abc';">    
<input type="hidden" name="xyz" value="123">
<input type="submit" value="REGISTER" id="button" class="button">
</form> 

                $("#button").click(function() {                                            
                $("#iframe").fancybox({
                'titlePosition'     : 'inside',
                'transitionIn'      : 'fadeIn',
                'transitionOut'     : 'fadeOut'
                }).click();                            
            });

<input type="submit" value="REGISTER" id="button" class="button">一切都是

工作正常。但出于某种原因,我需要使用<a href="">REGISTER</a>。所以我试过

<a href="#" onclick="document.getElementById('myForm').submit();">REGISTER</a>

&安培;

<a href="javascript:document.form.submit();">REGISTER</a>

在上述情况下,fancybox正在弹出,但我的表单未提交。

如何在点击功能中成功提交表单?

1 个答案:

答案 0 :(得分:0)

像这样创建你的链接:

<a href="#" id="submit_link">REGISTER</a>

并使用此代码:

$(function(){
  $('#submit_link').click(function(){
    $('#myForm').submit();
    return false;
  });
});