在iFrame Colorbox中進行表單驗證，如何在父頁面中打開href URL並關閉Colorbox。

Question

我已經花了太多的時間在這個上，但無法弄清楚。當表單通過驗證時，試圖打開表單提交頁面進入parents.page。這是我們到目前爲止，它做的工作，但我不喜歡的事實，我們必須把「window.parent.location.href =」/ page1.hmtl「;」 ......從技術上說，並沒有真正提交表格。該代碼位於調用的iframe colorbox的內部。

$(document).ready(function() { 
$("#formResultQuote").validate({ 
      rules: { 
       rqResult: { 
        required: true, 
        minlength:1 
       } 
      }, 
      messages: { 
       rqResult: { 
        required: 'Please select one of the saved quotes.' 
       } 
      }, 
      errorPlacement: function (error, element) { 
       if (element.attr('name') == 'rqResult') { 
       error.appendTo(element.parents().find('.rqResultError')); 
      parent.$.colorbox.resize({height:580}); 
      }, 
     submitHandler: function() { 
     if ($('#formResultQuote').valid()) { 
     parent.jQuery.colorbox.close(); 
     window.parent.location.href="/page1.hmtl"; 
     } 
     }     
    }); 
}); 

此頁面上的基本HTML非常像這樣：

<form name="formResultQuote" id="formResultQuote" action="/page1.html" method="post"> 

<input name="rqResult" id="core" type="radio" class="radioCircle" validate="required:true, minlength:2"/> 
<input name="rqResult" id="core" type="radio" class="radioCircle"/></div> 
<input name="rqResult" id="core" type="radio" class="radioCircle"/></div> 

<input type="submit" value="Retrieve your quote." id="regularSubmitBtn" name="Retrieve_a_Quote" tabindex="27" class="rqSubmitBtn" > 
</form> 

Answer 1

取而代之的是：

parent.jQuery.colorbox.close(); 
window.parent.location.href="/page1.hmtl"; 

你可以試試這個：

parent.jQuery('document').bind('cbox_closed', function(){ 
    location.href="/page1.hmtl"; 
}); 
parent.jQuery.colorbox.close();