如果表格无效，注册登录后午餐模态，Django

Question

如果表格上的信息不正确，我想用模态午餐。

下面是查看代码：

def ajouterClient（请求）：

if request.method == "POST":

    form = ClientForm(request.POST)
    if form.is_valid():
        form.save()
        return redirect('home')
    else:
        erreur = "erreur"
        return render(request, 'frontend/home.html' , locals())

这是模板代码：

{% if erreur == "erreur" %}
    <div class="modal fade" id="erreur" tabindex="-1" aria-labelledby="erreurLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header bg-dark text-white">
            <h5 class="modal-title" id="loginLabel">Erreur</h5>
            <button type="button" class="btn-close bg-light" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body bg-light">

              <h1>Veuillez remplir tous les champs correctement</h1>

          </div>
          <div class="modal-footer">

          </div>
        </div>
      </div>
    </div>

    <script>
         $(document).ready(function(){
            $('#erreur').modal('show')
         });
    </script>

{% endif %}

<!-- End Erreur Modal ajout -->

Answer 1

我发现了问题，我在我的项目中使用 boostrap 5，由于某种原因，脚本标签之间的代码不起作用，但是当我添加 jquery-2.1.1.js 的 CDN 时，问题得到解决。