Jquery submit form

Question

How can I submit a specific form using the follow code (example the id of my form is #form1).

$(".nextbutton").click(function() { submit; });

score 60 · Answer 1 · answered Sep 20 '10 at 13:57

60

Try this lets say your form id is formID

$(".nextbutton").click(function() { $("form#formID").submit(); });

answered Sep 20 '10 at 13:57

Pramendra Gupta

14,667
4
33
34

21

Isn't "form#formID" a bit redundant? "#formID" would be sufficient, right? – Andy Groff Dec 07 '11 at 00:41
18

Yes, only the ID would suffice. But prepending it with the tagname speeds up the search for the item. If you add it, only
element will be evaluated until the correct ID is found. Granted, most webpages don't have that much HTML to actually have a delay in searching, but it still is better practice to prepend the tagname if you know it.
– Flater Jul 11 '12 at 10:09
according to the documentation here http://api.jquery.com/submit/ this will add a submit listener on the form, not actually submit it. the submit function is not the same on a jQuery object and on a DOM element. – challet Jan 14 '13 at 16:06
This definitely submits the form.... in this case, with id 'formID' – Alex Jan 14 '13 at 16:20
2

@challet the documentation you link to does list a no-argument form of `submit` that is a shortcut for `.trigger('submit')` and submits the form. – Russell Silva Jun 19 '13 at 20:46
you're right, blame on me :) – challet Jun 20 '13 at 22:35
@Flater : no, searching for an ID uses the native getElementById which is as fast as an hashtable allows it to be. Prepending a tag name to an ID will only add an useless filtering process. – Ninj May 02 '14 at 15:15

GautamD31 · Answer 2 · 2014-04-03T07:02:55.090

8

You can try like:

   $("#myformid").submit(function(){
        //perform anythng
   });

Or even you can try like

$(".nextbutton").click(function() { 
    $('#form1').submit();
});

edited Apr 03 '14 at 07:02

answered Aug 18 '12 at 04:34

GautamD31

28,552
10
64
85

2

according to http://api.jquery.com/submit/ , this will only add an event listener – challet Jan 14 '13 at 16:08
@challet: According to an example lower down in the page you linked to, it does submit the form. – Stefan Jul 14 '14 at 12:42

score 2 · Answer 3 · answered Jan 14 '13 at 16:14

Since a jQuery object inherits from an array, and this array contains the selected DOM elements. Saying you're using an id and so the element should be unique within the DOM, you could perform a direct call to submit by doing :

$(".nextbutton").click(function() { 
  $("#formID")[0].submit();
});

score 2 · Answer 4 · edited May 21 '15 at 02:17

2

You don't really need to do it all in jQuery to do that smoothly. Do it like this:

$(".nextbutton").click(function() { 
   document.forms["form1"].submit();
});

edited May 21 '15 at 02:17

Goose

4,764
5
45
84

answered Aug 16 '11 at 15:07

Alex B.

647
7
21

58

funny, cause you use jquery in your answer that says you don't need jquery? – Claudiu Apr 10 '12 at 17:39
8

I guess he meant the part of submitting the form :) – msanjay Apr 24 '12 at 11:44
1

.submit() doesnt work for me. says property submit is not a function – kommradHomer Apr 24 '12 at 12:07
1

doesn't work. says "submit is not a function" – JoshuaDavid May 24 '12 at 12:44
1

This is true but if you've got jQuery available as a tool for selecting DOM elements, you might as well be consistent. Otherwise you're introducing redundancy. – Rimian Aug 31 '12 at 03:08
why use jQuery in your answer if you say it isn't needed? – DrCord May 06 '13 at 22:20
1

I ment the part that submits the form. – Alex B. Oct 13 '13 at 18:18

score 1 · Answer 5 · answered Jun 08 '12 at 16:00

1

If you have only 1 form in you page, use this. You do not need to know id or name of the form. I just used this code - working:

document.forms[0].submit();

answered Jun 08 '12 at 16:00

Vova Popov

1,053
11
11

score 1 · Answer 6 · answered Jun 24 '13 at 14:29

1

Use the following jquery to submit a selectbox with out a submit button. Use "change" instead of click as shown above.

$("selectbox").change(function() { 
   document.forms["form"].submit();
});

Cheers!

answered Jun 24 '13 at 14:29

Rob Bach

11
1

score 0 · Answer 7 · edited Apr 22 '15 at 02:53

0

Try this :

$('#form1').submit();

or

document.form1.submit();

edited Apr 22 '15 at 02:53

whoan

8,143
4
39
48

answered Jun 21 '13 at 06:19

Ram Ch. Bachkheti

2,609
2
17
14

Jquery submit form

7 Answers7

Linked