Django: Save forms independently - html

Question

I have two forms in two different tabs in the same template. The models of the forms are connected through a foreign key.
When I'm trying to save each form independently having a submit button for each form, but unfortunately the two forms are trying to save data again, even I push only one submit button.
Views.py
def input(request):
my_demographics = DemographicForm(request.POST or None)
my_diagnosis = DiagnosisForm(request.POST or None)
context = RequestContext(request)
if request.method == 'POST':
submitted = request.POST.get('form_id', '')
if submitted == 'demographics':
# Get the Form1 instance
my_demographics = DemographicForm(request.POST)
if my_demographics.is_valid():
my_demographics_object= my_demographics.save()
my_diagnosis=DiagnosisForm({'patient': my_demographics_object.patient_id})
elif submitted == 'diagnosis':
# Get the Form2 instance
my_diagnosis = DiagnosisForm(request.POST)
if my_diagnosis.is_valid():
my_diagnosis.save()
else:
raise ValueError('No form specified !')
return render_to_response('input.html', {'frm':my_demographics, 'frm_d': my_diagnosis}, context)
input.html
<div class="tab-content">
<!-- Tab panes -->
<form class="tab-pane fade in active" id="demographics" method="post" >
<input type="hidden" name="form_id" value="demographics">
{%crispy frm%}
</form>
<form class="tab-pane fade" id="diagnosis" method="post">
<input type="hidden" name="form_id" value="diagnosis">
{%crispy frm_d%}
</form>
</div>

Answer 1

First add an hidden input in each of your forms, which will specify which form is posted:
<div class="tab-content">
<!-- Tab panes -->
<form class="tab-pane fade in active" id="demographics" method="post" >
<input type="hidden" name="form_id" value="demographics">
{%crispy frm%}
</form>
<form class="tab-pane fade" id="diagnosis" method="post">
<input type="hidden" name="form_id" value="diagnosis">
{%crispy frm_d%}
</form>
</div>
Then in your view, check which form is posted and only save this form.
edit:
def input(request):
context = RequestContext(request)
if request.method == 'POST':
submitted = request.POST.get('form_id', '')
if submitted == 'demographics':
# Get the Form1 instance
my_demographics = DemographicForm(request.POST)
if my_demographics.is_valid():
my_demographics_object= my_demographics.save()
my_diagnosis=DiagnosisForm({'patient': my_demographics_object.patient_id})
else:
my_diagnosis=DiagnosisForm()
elif submitted == 'diagnosis':
# Get the Form2 instance
my_diagnosis = DiagnosisForm(request.POST)
if my_diagnosis.is_valid():
my_diagnosis.save()
# here you should redirect
my_demographics = DemographicForm()
else:
raise ValueError('No form specified !')
else:
my_demographics = DemographicForm()
my_diagnosis = DiagnosisForm()
return render_to_response(
'input.html',
{'frm':my_demographics, 'frm_d': my_diagnosis},
context
)

Answer 2

The view will have the input names that were inside the form submitted only, that is how you now, so you can add a hidden field and check for its value, if form1, or form2 then you know witch one have being submitted !
if request.POST:
# Get the form submitted
submitted = request.POST.get('form_name', '')
if submitted == 'form1'
# Get the Form1 instance
form = Form1Model(request.POST)
elif submitted == 'form2'
# Get the Form2 instance
form = Form2Model(request.POST)
else:
raise ValueError('No form specified !')
# Validate the form
if form.is_valid():
# If the form is valid save it
if form.save():
# correct data entry
messages.info(
request,
_(u"Fichier copié sur le DHS, mise à jour en cours ...")
)
else:
# Can't save the form
messages.warning(
request,
_(u"Un problème est survenu pendant l'enregistrement "
u"des données, merci de réessayer plus tard.")
)
else:
# Form is not valid, show feedback to the user
messages.error(
request,
_(u"Merci de corriger les erreurs suivantes.")
)
else:
# Empty forms this is the first call
form1 = Form1Model()
form2 = Form2Model()
# Disclaimer
messages.warning(
request,
_(u"L'interface web sera inaccessible durant la mise à jour.")
)