Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
{% extends 'base.html' %} {% load static %} {% block title %}Загадай желание{% endblock %} {% block content %} <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <div class="container"> <div class="content"> <div class="b"> <h2>Загадай своё желание и оно неприменно <br> <span>сбудется</span> </h2> <form id="form1" method="post"> {% csrf_token %} {{form.wish}} <br> <!-- Кнопка-триггер модального окна --> <button disabled id='sub' type="submit" class="btn btn-outline-danger wishbutton" data-bs-toggle="modal" data-bs-target="#staticBackdrop"> Загадать </button> <script src="{% static 'js/button-func.js' %}"></script> </form> <img src="{% static 'img/hr_line.png' %}" alt=""> </div> </div> {% include 'index/model-window.html' %} </div> <script> $(document).ready(function () { $("#form1").submit(function () { $.ajax({ data: $(this).serialize(), //передаем данные из формы type: "POST", //метод GET или POST url: "{% url 'add-wish' %}", success: function (response) { console.log('das') //ваш код, который надо выполнить в случае успешной проверенной формы и выполнение функции $('form[id=form1]').trigger('reset'); $("#staticBackdrop").show(); }, error: function (response) { console.log("error"); } }); return false; }); }) </script> {% endblock %}
Получилось сделать вот так