Django表单提交不起作用

我想用自定义样式呈现django表单。当我提交表单时，它不起作用。但是，当我呈现没有自定义样式的窗体它正在工作。下面的代码是我的html文件内容。有谁能帮我解决我的问题吗？Django表单提交不起作用

{% load staticfiles %} 

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href='{% static "signup/css/style.css" %}' /> 
    <link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css"> 
    <title>SignUp</title> 
</head> 
<body> 
    <form id="msform" action="" method="post"> 
     <!-- progressbar --> 
    {% csrf_token %} 
     <center> 
     <ul id="progressbar"> 
     <li class="active">Location on Map</li> 
     <li>Personal Details</li> 
     <li>Account Setup</li> 
     </ul> 
     </center> 
     <!-- fieldsets --> 
     <fieldset> 
     <h2 class="fs-title">Location on Map</h2> 
     <h3 class="fs-subtitle">Your address on planet Earth</h3> 
     <div id="googleMap" style="padding: 119.4px;border: 1px solid #ccc;border-radius: 4px;margin-bottom: 10px;width: 100%;box-sizing: border-box;"></div> 
     <script> 
     function initialize() { 
      var myLatLng = {lat: -25.363, lng: 131.044}; 
      var mapProp = { 
      center:new google.maps.LatLng(17.508742,79.120850), 
      zoom:5, 
      mapTypeId:google.maps.MapTypeId.ROADMAP 
      }; 
      var map=new google.maps.Map(document.getElementById("googleMap"), mapProp); 
      google.maps.event.addDomListener(window, 'load', initialize); 
      google.maps.event.trigger(initialize, "resize"); 
     } 
    </script> 
     <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCpwz7s9u7ZOnrhafotZ_Pas-LLsMaapiQ&callback=initialize"></script> 
     <input type="button" name="next" class="next action-button" value="Next" /> 
     </fieldset> 
     <fieldset> 
     <h2 class="fs-title">Personal Details</h2> 
     <h3 class="fs-subtitle">We will never sell it</h3> 
     {{ form.fname }} 
     {{ form.lname }} 
     {{ form.phone }} 
     {{ form.address }} 
     <input type="button" name="previous" class="previous action-button" value="Previous" /> 
     <input type="button" name="next" class="next action-button" value="Next" /> 
     </fieldset> 
     <fieldset> 
     <h2 class="fs-title">Create your account</h2> 
     <h3 class="fs-subtitle">Your Account Deatils</h3> 

     {{ form.username }} 
     {{ form.email }} 
     {{ form.password }} 
     {{ form.cpassword }} 
     <input type="button" name="previous" class="previous action-button" value="Previous" /> 
     <input type="submit" name="submit" class="submit action-button" value="Submit" /> 
     </fieldset> 

    </form> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src='{% static "signup/js/jquery.easing.min.js" %}' type="text/javascript"></script> 
    <script type="text/javascript" src='{% static "signup/js/jqueryS.js" %}'></script> 
</body>

来源

2017-05-04 Lucky

您的表单没有任何操作，因此无处发送数据 – yorodm

我研究过在使用相同的表单和处理请求时不需要提及操作。这就是为什么我不采取行动。 – Lucky

Yeap似乎在HTML5的某些草案中明确违反了RFC 3986的这种行为，但这不是一个好习惯，你应该避免它 – yorodm

添加处理表单进入表单标签的action元素的视图的名称：

<form id="msform" action="{% url 'my_form_view' %}" method="post">

即使它在技术上并不需要，这是最好的做法无论如何添加它。

如果这不起作用，请检查浏览器控制台是否有任何错误。

来源

2017-05-05 11:46:25 drew

回答

相关问题