Django表单保存提交后的信息

Question

我有一个Django表单，我正在尝试不同的选项，当表单提交时做两件事:

1. 重定向表单返回，不包含任何信息
2. 在Django表单提交后触发一个Modal。

我遵循这个答案，但它没有工作，表单已成功提交，但模态没有出现。

我在视图中添加了successful_submit的上下文，以便在提交表单后触发它

这是HTML模板的一部分:

<div class="text-center">
<button
class="btn btn-primary mt-5"
onclick="stepper1.previous()"
>
Previous
</button>
<button type="submit" class="btn btn-success mt-5">
Submit
</button>
<button
type="button"
class="btn btn-primary"
data-mdb-toggle="modal"
data-mdb-target="#exampleModal"
>
Launch demo modal
</button>
<!-- Modal -->
<div
class="modal fade"
id="exampleModal"
tabindex="-1"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">
Modal title
</h5>
<button
type="button"
class="btn-close"
data-mdb-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">...</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-mdb-dismiss="modal"
>
Close
</button>
<button type="button" class="btn btn-primary">
Save changes
</button>
</div>
</div>
</div>
</div>

这里是javascript部分，当它成功提交时显示它

{% if successful_submit %}
<script type="text/javascript">
$(document).ready(function(){
$("#exampleModal").modal('show');
});
</script>
{% endif %}

这里是views.py

def add__plan(request):
if request.method == 'POST':
# create a form instance and populate it with data from the request:
form = infoForm(request.POST)
# check whether it's valid:
if form.is_valid():
form.save()
_name = form.cleaned_data.get('Name')
messages.success(request, f'PDF created for {_name}!')
# return redirect('plan:plan')
# redirect(reverse('plan:plan', kwargs={'successful_submit': True}))
return render(request, 'plan/plan.html', {'form': form, 'successful_submit': True})
# if a GET (or any other method) we'll create a blank form
else:
form = infoForm()
print(form.errors)
return render(request, 'plan/plan.html', {'form': form, 'successful_submit': True })

Answer 1

在触发模态时:

在add__plan(request)的最后一行，您将successful_submit传递为True，这应该在您首次加载页面(在表单提交之前)时使模态加载，即模态应该在不提交表单的情况下显示。

successful_submit一开始应该是False

def add__plan(request):
if request.method == 'POST':
# code
if form.is_valid():
# code
return render(request, 'plan/plan.html', {'form': form, 'successful_submit': True})
else:
# code
return render(request, 'plan/plan.html', {'form': form, 'successful_submit': False })

假设根据您提供的代码，您有successful_submit=True。然后，加载页面时应该弹出模态。如果没有显示模态:

• 检查浏览器控制台是否有错误
• 检查JQuery和Bootstrap是否按正确顺序加载