Identify which submit button was clicked in Django form submit

Question

In Django I would like to have a form with 2 submit button options. "save & home" and "save & next".

Any thoughts how I can identify which submit button was clicked in my view?

I'm fairly new to programming/working with forms and appreciate the feedback.

Form

<form action="{% url 'price_assessment_section_1' component.id %}" method="post"> {% csrf_token %}

 {{ form.s1_q5_resin_type }}

 <!-- FORM SUBMIT BUTTONS-->

 <button type="submit" >&nbsp;Save&Home</button>

 <button type="submit" >&nbsp;Save&Next</button>

</form> <!-- end form-->

View

@login_required
def price_assessment_section_1(request, component_id):

    component = Component.objects.get(id=component_id)

    if request.method == 'POST':
        form = PriceAssessmentSection1(request.POST)

                # if "save & home" go to: return HttpResponseRedirect(reverse('portal_home'))

                # if "save & next" go to: return HttpResponseRedirect(reverse('portal_sec2'))

    form = PriceAssessmentSection1()
    return render(request, 'portal/price_assessment_section_1.html', {'form': form, 'component':component})

score 62 · Accepted Answer · edited Mar 13 '21 at 22:53

62

You can give them names. Only clicked buttons send their data with submit. In your template give them appropriate names:

<button type="submit" name="save_home" value="Save&Home">&nbsp;Save&Home</button>
<button type="submit" name="save_next" value="Save&Next">&nbsp;Save&Next</button>

And in your view in the related section, you can check which button is clicked by checkng its name.

if request.method == 'POST':
    form = PriceAssessmentSection1(request.POST)
    if request.POST.get("save_home"):
        return HttpResponseRedirect(reverse('portal_home'))
    elif request.POST.get("save_next"):  # You can use else in here too if there is only 2 submit types.
        return HttpResponseRedirect(reverse('portal_sec2'))

edited Mar 13 '21 at 22:53

Elephant

446
1
7
19

answered Feb 01 '14 at 23:59

Mp0int

18,172
15
83
114

Perfect! I appreciate the feedback – bbrooke Feb 02 '14 at 00:07
9

one thing I had to add to the answer was a "value=1" to each of the buttons. – bbrooke Feb 02 '14 at 02:16
2

It works for only. Not for buttons. – elky Aug 30 '18 at 14:46
4

Don't forget to add value to the buttons. It will work like a charm! – Muhammad Haseeb Sep 16 '18 at 12:49
4

What would be the ideal approach if there are multiple buttons? I do not prefer writing if else ladder for all of them. – Rishik Mani Aug 23 '19 at 09:35

score 7 · Answer 2 · answered Nov 08 '19 at 17:24

In Django 2.x there is a slight change to the view method @FallenAngel's answer

if request.method == 'POST':
    form = PriceAssessmentSection1(request.POST)
    # Note change below
    if 'save_home' in request.POST:
        return HttpResponseRedirect(reverse('portal_home'))
    # Note change below
    elif 'save_next' in request.POST:  # You can use else in here too if there is only 2 submit types.
        return HttpResponseRedirect(reverse('portal_sec2'))

Identify which submit button was clicked in Django form submit

2 Answers2

Linked