如何提交fancybox表格? [英] How to submit a fancybox form?

问题描述

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

I am using fancybox to open submitted form like this:

<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>.所以我尝试了

working fine. but for some reason i need to use <a href="">REGISTER</a>. So I tried

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

&

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

在上述情况下，fancybox弹出了，但是我的表单没有提交.

In above cases fancybox is popping out but my form is not getting submitted.

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

How do I submit my form successfully within click function?

推荐答案

像这样创建链接:

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

并使用以下代码:

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

这篇关于如何提交fancybox表格?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！