私はこれに何時間も費やしてきましたが、まだ理解できません。フォームが検証に合格したときに、から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>