0

我在编码方面不太好。我尝试使用 Colorbox 来显示我的一个页面。这个页面有一个联系表。不幸的是，如果我在 Colorbox 中打开此页面并单击提交按钮，不幸的是 Colorbox 正在关闭。（我不太明白，但也许 Colorbox 发出了一个简单的 http 请求而不是 ajax 请求？）

总之，我想使用 colorbox 来显示我的联系表格，但无法让它工作。

我的联系表格php：

   <div class="text">
                                                    <div class="contacter_head" style="border-bottom:1px dotted #ccc; color:#124C7A">Contact form!</div>
                                                <form id="contactform" name="contactform" method="post" action="submit_contact.php">
    
    <div class="my_left_box">
                                                <p>name *   </p>
                                                <input type="text" name="name" value="<?php echo $_SESSION['post']['name']?>" id="name" class="validate[required,custom[onlyLetter]]" />
                                                <p>Email* </p>
                                                <input type="text" name="email" value="<?php echo $_SESSION['post']['email']?>" id="email" class="validate[required,custom[email]]" />
                                                <p>subject </p>
                                                <input type="text" name="subject" value="<?php echo $_GET['sbject'];?>" />
                                                <p>Phone</p>
                                                <input type="text" name="phone" value="<?php echo $_SESSION['post']['phone']; unset($_SESSION['post']['phone']);?>" id="phone" class="validate[onlyNumber]" />
                                                <p>Captcha</p>
                                                    <label for="captcha_contact"><?=$_SESSION['n1']?> + <?=$_SESSION['n2']?> =</label><input type="text" class="validate[required,custom[onlyNumber]] captcha_aj" name="captcha" id="captcha" />
                                                
                                                    </div>                                          
                                                <div class="my_right_box">
                                                <p>Message</p>
                                                <textarea name="message" id="message_aj" rows="6" cols="5" class="validate[required]"><?=$_SESSION['post']['message']?></textarea>
                                                
                                                <input type="submit" name="button" value="Submit" id="button" class="button medium"/>
                                                     <?=$str?>          <img id="loading" src="images/ajax-load.gif" width="16" height="16" alt="loading" />
                                                        </form>
                                            <?=$success?>               
        
                                            <div id="errOffset">&nbsp;</div>
    </div>
        
    
                                            
                                            
                                                
                            
                                            </div>

这是我的 ajax 片段，如果我直接打开联系表单 php，效果很好：

var use_ajax=true;
$.validationEngine.settings={};


 $("#contactform").validationEngine({
    inlineValidation: false,
    promptPosition: "centerRight",
    success :  function(){use_ajax=true},
    failure : function(){use_ajax=false;}
 })

 $("#contactform").submit(function(e){
     alert("itt");
        if(use_ajax)
        {
            $('#loading').css('visibility','visible');
            $.post('submit_contact.php',$(this).serialize()+'&ajax=1',
            
                function(data){
                    if(parseInt(data)==-1)
                        $.validationEngine.buildPrompt("#captcha","* Captcha error","error");
                        
                    else
                    {
                        $("#ajanlat-form").hide('slow').after('<h1>Thank you,.</h1>');
                    }
                    
                    $('#loading').css('visibility','hidden');
                }
            
            );
        }
        e.preventDefault();
})
4

1 回答 1

0

您如何通过 ColorBox 打开弹出窗口？我建议考虑使用 ColorBox 的iFrame选项，因为它会在它自己的“html 沙盒”中打开弹出窗口。此外，如果本机 Submit 事件仍然给您带来问题，请考虑使用 Jquery 捕获它，防止默认行为，并自行启动表单操作。

PS。指向您的项目的链接将帮助社区帮助您。

于 2012-11-26T18:31:38.757 回答