问题描述
有一个Patient模型，我正在使用CreateView创建新患者，URL链接为`/ add Patient /。 HTML页面的设计是使用DesignModo构建的。当我不使用DesignModo的任何模板就简单地渲染表单时，一切工作都很好，也就是说，当我按下“提交”按钮时，就创建了患者并将我重定向到所需的页面。
{% block content %}
<form method="POST">{% csrf_token %}
{{form}}
<button type="submit">submit</button>
</form>
{% endblock content %}
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">×</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">×</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">×</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/[email protected]/slick/slick.min.js"></script>
<!-- AOS 2.3.4 jQuery plugin JS (Animations) -->
<script src="https://unpkg.com/[email protected]/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 %}
但是当我使用DesignModo给定的模板时，一切仍在工作，但是页面无法重定向或重新加载到其他页面。我花了几天的时间才找出原因，但这是一个附加的Javascript文件，而不是Django错误。我可以确认，当我删除指向模板的javascript链接时，一切正常。但是该文件对于页面至关重要，而且太大。我很想听听一些解决此问题的建议或方法。
我很想听听我应该如何解决这个问题。我试图找到类似的问题，但找不到任何问题。另外，我不确定我还应该分享什么，请在评论中告诉我。
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）