JavaScript Form Submit() Completion

Question

Is there a way to call the javascript form submit() function or the JQuery $.submit() function and make sure that it completes the submit process? Specifically, within a form, I am trying to submit a form within an IFrame. From the parent form, I am submitting the IFrame with the following code...

document.frames.IFRAME_Items.document.forms[0].submit();

The parent form then saves and closes. However, currently the IFrame is not completing the post before the parent form saves and closes. Is there any way using a JQuery callback or something in JavaScript to ensure this submit process completes before the parent form closes?

if your <iframe> is coming from an external website you wont be able to do anything. see: en.wikipedia.org/wiki/Same%5Forigin%5Fpolicy — adardesign
– adardesign, Commented Jan 4, 2010 at 22:06
@adardesign This is obviously not the case however, as he is able to access the iframe's form from the parent — Graza
– Graza, Commented Jan 4, 2010 at 23:22

andres descalzo · Accepted Answer · 2010-01-05 00:31:23Z

1

<form onsubmit="return controlParentForm();" id="parentForm">
...
</form>

JS:

var controlSubmitParentForm = 0;
function controlParentForm(){

   var ret = false;

   if (controlSubmitParentForm==0){

     controlSubmitParentForm = 1;
     document.frames.IFRAME_Items.document.forms[0].submit();
     setTimeout(controlParentForm, 200);

   }
   else if (controlSubmitParentForm==1){

     if (document.frames.IFRAME_Items.document.readyState=="complete"){
        controlSubmitParentForm = 2;
        document.getElementById("parentForm").submit();
     }
     setTimeout(controlParentForm, 200);

   }
   else if (controlSubmitParentForm==2){
       // controls for "parentForm"
       ret = true;
       controlSubmitParentForm = 0;
   }

   return ret;

}

answered Jan 5, 2010 at 0:31

andres descalzo

15k14 gold badges66 silver badges119 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

BalusC · Accepted Answer · 2010-01-04 22:06:22Z

1

Best what you can do is to submit the iframe's form asynchronously with help of jQuery Form plugin. This way you can wait until the response is returned. It also provides a success callback handler which you can use to submit the parent page's form.

answered Jan 4, 2010 at 22:06

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

1 Comment

SaaS Developer Over a year ago

This would be ideal, but I couldn't get either method to work (ajaxForm or ajaxSubmit) with the iFrame.

Collectives™ on Stack Overflow

JavaScript Form Submit() Completion

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related