Модальное окно не вызывается после нажатия кнопки

Я делаю свой первый сайт, используя Django, python и bootstrap 5, я хочу, чтобы после заполнения формы, человек нажимал кнопку "отправить" и после этого появлялось модальное окно, в котором было бы написано, что "все в порядке, ваша заявка создана"

<div class="row mt-5 mb-5 p-2">
  <form action="{% url 'feedback_view' %}" method="POST">
    {% csrf_token %}
    <div class="col-md-6 mb-2">
      <label for="exampleInputName" class="form-label">Ваше Имя</label>
      <input name="name" class="form-control" id="exampleInputName" aria-describedby="NameHelp">
    </div>
    <div class="col-md-6 mb-2">
      <label for="exampleInputphone" class="form-label">Ваш Телефон</label>
      <input name="phone" class="form-control" id="exampleInputphone" aria-describedby="NameHelp" placeholder="+7 (918) 000-00-00">
    </div>
    <button type="submit" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Отправить</button>
  </form>
</div>
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Отправить_btn</button>

но почему-то не работает кнопка 'submit', но работает кнопка 'send_btn', которую я сделал для проверки проблемы. все, что я понимаю на данный момент, это то, что меня беспокоит type="submit" тк во второй кнопке есть type="button". Как я могу решить эту проблему, учитывая, что это кнопка отправки формы? вот код окна:

{% if messages %}
  {% for message in messages %}
    <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-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p class="reviews">{{ message }}</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
          </div>
        </div>
      </div>
    </div>
  {% endfor %}
{% endif %}

это views.py

class FeedBackView(View):
    def post(self, request):
        form = FeedBackForm(request.POST)
        if form.is_valid():
            form.save()
            messages.add_message(request, settings.MY_INFO, 'В ближайшее время перезвоним!')
        else:
            messages.add_message(request, settings.MY_INFO, 'Что-то пошло не так')
        return redirect("/")

Вернуться на верх