jquery - iFrame Colorbox 内的表单验证，如何在父页面中打开 href URL 并关闭 Colorbox。

Question

我已经在这上面花费了太多时间，但仍然无法弄清楚。当表单通过验证时，尝试从 parent.page 打开表单提交页面。这是我们到目前为止所得到的，它完成了工作，但我只是不喜欢我们必须放置“window.parent.location.href="/page1.hmtl";”的事实 ...从技术上讲，它并没有真正提交表单。此代码位于被调用的 iframe 颜色框内。

$(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();