CODEWITHSUNDEEP
javascriptforms
MDez
MDez

Reputation: 681

Auto submit form on page load

I'm having a bit of trouble with my current issue. Any help would be greatly appreciated.

I have a step in a 'signup process' which I don't need anymore, but I don't have time to reconfigure the entire process so I'm trying to auto submit the form on page load so it will basically skip over this step. Any thoughts?

EDIT: Sorry, I should mention, originally there were two submit options, I got rid of one, now I just want to submit the 'mem_type' option on page load. not sure if that makes much of a difference.

<form method=post action="<?=$base_href.url("signup")?>" name="member_signup">
<input type=hidden name="process" value="facility_info">
<input type=hidden name="create_order" value="true">

<?php
    foreach ($_POST as $k=>$d) {
        if ($k === 'textarea') continue;
        echo "<input type=hidden name=\"".strip_tags($k)."\" value=\"".strip_tags($d)."\">";
    }
?>

<input type="submit" value="submit" name="mem_type" border="0">
</form>

Upvotes: 45

Views: 196862

Answers (6)

adil
adil

Reputation: 1

<script>
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("buttonID").click();
});
</script>

Upvotes: 0

Roshana Pitigala
Roshana Pitigala

Reputation: 8796

If your form doesn't have an id you can use,

<body onload="document.forms[0].submit()">

This will submit the first form found on the page.

Upvotes: 3

Leopoldo Sanczyk
Leopoldo Sanczyk

Reputation: 1609

This is the way it worked for me, because with other methods the form was sent empty:

<form name="yourform" id="yourform" method="POST" action="yourpage.html">
    <input type=hidden name="data" value="yourdata">
    <input type="submit" id="send" name="send" value="Send">
</form>
<script>            
    document.addEventListener("DOMContentLoaded", function(event) {
            document.createElement('form').submit.call(document.getElementById('yourform'));
            });         
</script>

Upvotes: 1

Jijesh Cherayi
Jijesh Cherayi

Reputation: 1125

Add the following to Body tag,

<body onload="document.forms['member_signup'].submit()">

and give name attribute to your Form.

<form method="POST" action="" name="member_signup">

Upvotes: 11

Anoop
Anoop

Reputation: 23208

Try this On window load submit your form.

window.onload = function(){
  document.forms['member_signup'].submit();
}

Upvotes: 84

Bob Wood
Bob Wood

Reputation: 269

You can submit any form automatically on page load simply by adding a snippet of javascript code to your body tag referencing the form name like this....

<body onload="document.form1.submit()">

Upvotes: 26

Related Questions