Submit a form without clicking a button

Question

<form class="myform" action="mail.php">
Your name:<br>
<input type="text" name="myform-name"><br><br>
Your file:<br>
<input type="file" name="myform-file"><br><br>
<button type="submit">Submit</button>
</form>

How do I submit this form using vanilla javascript (not jQuery) directly from the code (without user interaction)?

In a comment you say: “I want to paste this form into an iframe and force a hidden submit”. You should say such things in the question itself and clarify them by showing a relevant part of the current code. — Jukka K. Korpela, Mar 17 '14 at 08:59

score 5 · Accepted Answer · answered Mar 17 '14 at 08:31

5

You can use:

document.getElementsByTagName('form')[0].submit()

answered Mar 17 '14 at 08:31

Felix

37,892
8
43
55

This will submit a form and reaload a page? – Jasper Mar 17 '14 at 08:33
You want to use AJAX? – Felix Mar 17 '14 at 08:33

score 2 · Answer 2 · answered Mar 17 '14 at 08:31

Just add a form name in your code:

<form name="myform" class="myform" action="mail.php">
Your name:<br>
<input type="text" name="myform-name"><br>
<button type="submit">Submit</button>
</form>

submit the from from javascript:

<script type="text/javascript">document.myform.submit();</script>

score 0 · Answer 3 · answered Mar 17 '14 at 08:31

0

Use this code

document.getElementById("my_form_id").submit();

Docs here

answered Mar 17 '14 at 08:31

Sergey Pekar

8,555
7
47
54

and where exactly is my_form_id ? – Royi Namir Mar 17 '14 at 08:31
ARE YOU SURE this works in every browser (I'm speaking about submit function)? – Jasper Mar 17 '14 at 08:31
1

@Jasper Yes. It is common js functionality you can check it here http://www.w3schools.com/jsref/met_form_submit.asp – Sergey Pekar Mar 17 '14 at 08:33
Add the attribute `id="my_form_id"` in your form tag. `
`
– abrunet Mar 17 '14 at 08:34

Submit a form without clicking a button

3 Answers3