submitting a django form using javascript

Question

ok so have this snippet of code -

    <form id="myform" name="myform" action="." method="post">
        <a href="javascript: document.forms['myform'].submit();" name="myform">Submit
        </a>
    </form>

i am submitting a form using an href and some javascript to my django server. on the server i check the post request using the following code -

    if 'myform' in request.POST:
        '''handle the form submition'''
        return True
    return False

this returns false. any ideas why?

are there any input fields in this form? You should be checking for that rather than the name of the form. — Fosco
– Fosco, Commented May 24, 2011 at 16:00
what do you mean by checking for input fields in the form? can you please add an example? — ZiGiUs
– ZiGiUs, Commented May 24, 2011 at 17:35
like, actual data being submitted... The form itself is nothing, so what data is being posted? i.e. a text input field named someData. if 'someData' in request.POST: — Fosco
– Fosco, Commented May 24, 2011 at 17:39
OMG! thank you very much! adding an input field to the form did the trick! — ZiGiUs
– ZiGiUs, Commented May 24, 2011 at 17:59

ZiGiUs · Accepted Answer · 2011-05-25 01:55:11Z

3

here is the solution i used to solve my problem - (thank you very much fosco and adam!)

    <form id="my_form" action="." method="post">
        <a href="#" onclick="document.forms['my_form'].submit();">Call Form</a>
        <input type="checkbox" name="call_form" checked style="visibility:hidden"><br>
        <input type="submit" value="create form" style="visibility:hidden" />
    </form>`

answered May 25, 2011 at 1:55

ZiGiUs

4041 gold badge5 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Dwight Gunning Over a year ago

This looks smart and seems to work well. Is there anything 'wrong' with this approach?

Adam Bergmark · Accepted Answer · 2011-05-24 16:01:20Z

2

I assume "using an href" means you click a link programatically? Links always send GET requests so that's why it fails. You can submit the entire form with JS using document.forms.myform.submit(); and that will send it with POST since that's the method you specified in the form.

answered May 24, 2011 at 16:01

Adam Bergmark

7,6363 gold badges23 silver badges23 bronze badges

3 Comments

Adam Bergmark Over a year ago

Note that myform should ideally be the id of the form, and not the name (although both work, it's nicer to work with id's since forms shouldn't have names).

ZiGiUs Over a year ago

thanks for the quick reply! upon clicking the href "button" a post request is sent to the server but the post is sent without any data in it and for this reason our check still fails. we have multiple submit buttons in the page so we have to send the name of the form to our server in order to distinguish between the forms. but using just the id works as well so thank you :) any other ideas?

Adam Bergmark Over a year ago

Is the button inside the form? As for the form name in that case, you can replace it with an input hidden.

Fosco · Accepted Answer · 2011-05-24 18:01:45Z

0

Are there any input fields in this form? You should be checking for that rather than the name of the form. The form itself is nothing, so what data is being posted? i.e. a text input field named someData. if 'someData' in request.POST:

answered May 24, 2011 at 18:01

Fosco

38.6k7 gold badges90 silver badges101 bronze badges

Collectives™ on Stack Overflow

submitting a django form using javascript

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related