影响django重定向/刷新的Javascript

有一个

Patient

模型，我正在使用

CreateView

创建新的Patient，url链接是`/addpatient/。HTML页面的设计是使用DesignModo构建的。当我在不使用DesignModo中的任何模板的情况下简单地呈现表单时，一切正常，也就是说，当我按下提交按钮时，患者被创建，我被重定向到所需页面

{% block content %}
<form method="POST">{% csrf_token %}
{{form}}
<button type="submit">submit</button>
</form>
{% endblock content %}

{%block content%}
{%csrf_令牌%}
{{form}}
提交
{%endblock内容%}

下面HTML代码的最后一行包含

    {% extends 'patient/base.html' %}
    {% load static %}
    {% load widget_tweaks %}
    {% block content %}

    <link rel="stylesheet" href="{% static 'patient/add_patient/css/style.min.css' %}">
            <!-- Form 14 -->
            <section class="pt-105 pb-100 bg-light form_14">
                <div class="container px-xl-0">
                    <div class="row justify-content-center">
                        <div class="col-xl-8 col-lg-10">
                            <h2 class="small text-center" data-aos-duration="600" data-aos="fade-down" data-aos-delay="0">Patient details</h2>
                            <form action="form-handler.php" method="post" class="mt-50 px-100 pt-85 pb-35 radius10">
                                <div class="row">
                                    <div class="col-md-6 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="0">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">First Name</div>

                                        {% render_field form.first_name class+="input w-full border-gray focus-action-1 color-heading placeholder-heading" type="text" name="firstname" required="required" %}
                
                                    </div>
                                    <div class="col-md-6 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="300">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">Last Name</div>
                                        {% render_field form.last_name  type="text" name="lastname" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" %}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-8 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="0">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">Address</div>
                                    {% render_field form.address type="text" name="address" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" %}
                                    </div>
                                    <div class="col-md-4 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="300">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">Postal / Zip</div>
                                        <!-- <input type="text" name="zip" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" /> -->
                                    {% render_field form.postal_zip type="text" name="zip" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" %}
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="0">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">City</div>


                                        <!-- <input type="text" name="city" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" /> -->
                                        {% render_field form.city type="text" name="city" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" %}
                            
                            
                                    </div>
                                    <div class="col-md-6 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="300">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">Country</div>
                            
                            
                                        <!-- <input type="text" name="country" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" /> -->
                                        {% render_field form.country type="text" name="country" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading"  %}
                            
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="0">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">MOBILE NO.</div>
                                        
                                        
                                        <!-- <input type="text" name="number" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" /> -->
                                        {% render_field form.phone_number type="text" name="number" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading"  %}
                                    
                                    </div>
                                    <div class="col-md-6 mb-35 block" data-aos-duration="600" data-aos="fade-down" data-aos-delay="300">
                                        <div class="mb-10 f-14 semibold text-uppercase sp-20">Email</div>
                                        
                                        
                                        <!-- <input type="email" name="email1" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" /> -->
                                        {% render_field form.email type="email" name="email1" required="required" class="input w-full border-gray focus-action-1 color-heading placeholder-heading" %}
                                    
                                    </div>
                                </div>
                                <div class="row">
                                    
                                    <div class="col-lg-2 d-none d-lg-block">
                                    </div>
                                    <div class="col-lg-10 block text-md-right" data-aos-duration="600" data-aos="fade-down" data-aos-delay="300">
                                        <button type ='submit' class="btn action-1">Add</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </section>

            <!-- forms alerts -->
            <div class="alert alert-success alert-dismissible fixed-top alert-form-success" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                Thanks for your message!
            </div>
            <div class="alert alert-warning alert-dismissible fixed-top alert-form-check-fields" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                Please, fill in required fields.
            </div>
            <div class="alert alert-danger alert-dismissible fixed-top alert-form-error" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <div class="message">An error occurred while sending data :( Please, check if your hosting supports PHP and check how to set form data sending <a href="https://designmodo.com/startup/documentation/#form-handler" target="_blank" class="link color-transparent-white">here</a>.</div>
            </div>

            <!-- gReCaptcha popup (uncomment if you need a recaptcha integration) -->
            <!--
            <div class="bg-dark op-8 grecaptcha-overlay"></div>
            <div class="bg-light radius10 w-350 h-120 px-20 pt-20 pb-20 grecaptcha-popup">
                <div class="w-full h-full d-flex justify-content-center align-items-center">
                    <div id="g-recaptcha" data-sitekey="PUT_YOUR_SITE_KEY_HERE"></div>
                </div>
            </div>
            <script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
            -->
            <!-- Bootstrap 4.5.0 JS -->
            <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
            <!-- Fancybox 3 jQuery plugin JS (Open images and video in popup) -->
            <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
            <!-- 
                Google maps JS API 
                Don't forget to replace the key "AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U" to your own! 
                Learn how to get a key: https://help.designmodo.com/article/startup-google-maps-api/ 
            -->
            <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U"></script>
            <!-- Slick 1.8.1 jQuery plugin JS (Sliders) -->
            <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
            <!-- AOS 2.3.4 jQuery plugin JS (Animations) -->
            <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
            <!-- Maskedinput jQuery plugin JS (Masks for input fields) -->
            <script src="{% static 'patient/add_patient/js/jquery.maskedinput.min.js' %}"></script>
            <!-- Startup JS (Custom js for all blocks) -->
            <script src="{% static 'patient/add_patient/js/script.js' %}"></script>

        </form>
    {% endblock content %}

{%extends'patient/base.html%}
{%load static%}
{%load widget_tweaks%}
{%block content%}
患者详细信息
名字
{%render_field form.first_name class+=“input w-full border gray focus-action-1 color heading占位符heading”type=“text”name=“firstname”required=“required”%}
姓
{%render_field form.last_name type=“text”name=“lastname”required=“required”class=“input w-full border gray focus-action-1颜色标题占位符标题”%}
地址
{%render_field form.address type=“text”name=“address”required=“required”class=“input w-full border gray focus-action-1颜色标题占位符标题”%}
邮政/邮政编码
{%render_field form.postall_zip type=“text”name=“zip”required=“required”class=“input w-full border gray focus-action-1颜色标题占位符标题”%}
城市
{%render_field form.city type=“text”name=“city”required=“required”class=“input w-full border gray focus-action-1颜色标题占位符标题”%}
国家
{%render_field form.country type=“text”name=“country”required=“required”class=“input w-full border gray focus-action-1颜色标题占位符标题”%}
流动电话号码。
{%render_field form.phone_number type=“text”name=“number”required=“required”class=“input w-full border gray focus-action-1颜色标题占位符标题”%}
电子邮件
{%render_field form.email type=“email”name=“email1”required=“required”class=“input w-full border gray focus-action-1颜色标题占位符标题”%}
添加
&时代；
谢谢你的留言！
&时代；
请填写必填字段。
&时代；
发送数据时出错：（请检查您的主机是否支持PHP，并检查如何设置表单数据发送。
{%endblock内容%}

但是，当我使用DesignModo提供的模板时，一切仍然正常，但页面没有重定向或重新加载到其他页面。我花了几天时间才找出原因，但是附加到该模板的Javascript文件，而不是Django错误。当我删除指向模板的Javascript链接时，我可以确认这一点一切都很好。但该文件是至关重要的页面，太大了。我想听听一些建议或方法来解决这个问题

我很想听听我该如何着手解决这个问题