jquery form not submitting

Question

For some reason everything works with my code but the form will not submit.

$(function(){

            $("#dialog").dialog({
                    autoOpen:false,
                    bgiframe: true,
                    resizable: false,
                    //height:auto,
                    width:500,
                    modal: true,
                    overlay: {
                        backgroundColor: '#000',
                        opacity: 0.5
                    },
                    buttons: {
                        'I Agree': function() {
                            $(this).dialog('close');
                            $('#form1').submit()                    

                        },
                        'I Do Not Agree': function() {
                            $(this).dialog('close');
                            return false;
                        }
                    }
                });

            $("#submit").click(function(){

                $("#dialog").dialog('open');


            });
        });

score 1 · Accepted Answer · answered Jan 18 '10 at 16:22

1

Turns out I needed my button outside of the form tag.

answered Jan 18 '10 at 16:22

mikelbring

1,492
2
13
24

score 0 · Answer 2 · edited May 23 '17 at 12:11

0

I'd guess (you haven't shown the HTML) that the form contains a form control with the name or id submit which clobbers the submit method of the form.

The easiest solution is to rename the control, otherwise see How to reliably submit an HTML form with JavaScript?

edited May 23 '17 at 12:11

Community

1
1

answered Jan 18 '10 at 16:13

Quentin

914,110
126
1,211
1,335

Actually I used a button, there is no element with the name submit. – mikelbring Jan 18 '10 at 16:14
1

Hint: "I'd guess (you haven't shown the HTML)" implies that it would be a good idea to provide some more of your code. Preferably also a link to the page in question. – Quentin Jan 18 '10 at 16:21

score 0 · Answer 3 · answered Jan 18 '10 at 16:18

0

Is that a copy/paste of your code? Because you're actually missing a semicolon at the end of the $('#form1').submit().

answered Jan 18 '10 at 16:18

Matt

41,216
30
109
147

Yeah I fixed that, sorry. Same problem though. – mikelbring Jan 18 '10 at 16:19

jquery form not submitting

3 Answers3