1. Home
  2. Development
  3. Auto submit form after 5 seconds

Auto submit form after 5 seconds

thumbnail
Jason Roscoe, modified 14 Years ago.
Auto submit form after 5 seconds
Junior Member Posts: 84 Join Date: 10/23/08 Recent Posts
I have a customer portlet, that I would like to auto submit a form in this portlet after x number of sceonds, let's say 5 for example. I have the below in my xhtml file;


<form id="qrcodeRedirectForm" name="qrcodeRedirectForm" method="post" action="${formAction}">		
		<input type="hidden" name="qr_code_identifier" id="qr_code_identifier" value="${qr_code_identifier}">				
		<div class="enroll-button">
			<p><input type="submit" value="Submit" class="inputButton"></p>
		</div>
		<noscript>
			<p>
				Please click the below button to go to the page you requested.
			</p>
			<p>
				<input type="submit" value="Submit" class="inputButton">
			</p>
		</noscript>
	</form>
	<script type="text/javascript">
		jQuery(document).ready(function() {
		   setTimeout(document.qrcodeRedirectForm.submit(),6000);
		});   
	</script>

the above seems to work, but it is not waitinf for 5 seconds. It is redirecting almost immediately. I can change the setTimeout call to be 60000, and it redirects immediately. Any suggestions?

Thanks!!
thumbnail
Deb Troxel, modified 14 Years ago.
RE: Auto submit form after 5 seconds
Junior Member Posts: 81 Join Date: 2/22/10 Recent Posts
Hi Jason,
Try 
           setTimeout(document.qrcodeRedirectForm.submit,6000);

That is - remove the parens after submit. You're calling submit() when you're setting the timeout, when what you want to do is pass the submit function reference.
thumbnail
Jason Roscoe, modified 14 Years ago.
RE: Auto submit form after 5 seconds
Junior Member Posts: 84 Join Date: 10/23/08 Recent Posts
I implemented your suggestion, but now page is not getting auto submitted at all.
thumbnail
Jason Roscoe, modified 14 Years ago.
RE: Auto submit form after 5 seconds
Junior Member Posts: 84 Join Date: 10/23/08 Recent Posts
I actually got this working using the below:


<script type="text/javascript">
		window.onload=function(){
			window.setTimeout('document.qrcodeRedirectForm.submit()', 500)
		}
	</script>

Thanks.