Question

我正在尝试使用bootstrap模式添加联系表单，到目前为止联系模式弹出但没有表单。我已经在互联网上检查了几个例子，但仍然没有运气。

以下是我的文件代码：

in urls.py
url(r'^contact/$', view=ContactFormView.as_view(), name='contact'),

forms.py
class ContactForm(forms.Form):
    firstname = forms.CharField()
    lastname = forms.CharField()
    sender = forms.EmailField(required=True)
    subject = forms.CharField(max_length=100, required=True)
    message = forms.CharField(widget=forms.Textarea, required=True)
    cc_myself = forms.BooleanField(required=False)

    def send_email(self):
        # send email using the self.cleaned_data dictionary
        pass

views.py
class ContactFormView(FormView):
    template_name = 'feedme/contact.html'
    form_class = ContactForm
    success_url = '/thanks/'
    success_message = "Congratulations !"

    def form_valid(self, form):
        # This method is called when valid form data has been POSTed.
        # It should return an HttpResponse.
        form.send_email()
        return super(Contact, self).form_valid(form)

和模板： contact.html

<!-- Modal -->
  <div class="modal fade" id="contact" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">Formularz kontaktowy</h4>
        </div>
        <div class="modal-body">
          <form id="ContactForm" action="{{ contact }}" method="post">
            {% csrf_token %}
            {{ form.as_p }}
          </form>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Zamknij</button>
          <button type="button" class="btn btn-success" id="add-btn">Wyslij</button>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

_nav.html

{% include "feedme/contact.html" %}
<!-- Fixed navbar -->
  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="/"><span class="glyphicon glyphicon-globe yellow"></span>Polski Kanal</a>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="{% block navbar_class-nl %}{% endblock %}"><a href="#">Holandia</a></li>
          <li class="{% block navbar_class-de %}{% endblock %}"><a href="#">Niemcy</a></li>
          <li class="{% block navbar_class-en %}{% endblock %}"><a href="#">Anglia</a></li>
          <li class="{% block navbar_class-ie %}{% endblock %}"><a href="#">Irlandia</a></li>
          <li class="{% block navbar_class-es %}{% endblock %}"><a href="#">Hiszpania</a></li>
        </ul>
        <div class="col-sm-3 col-md-3">
        <form class="navbar-form" role="search" name="input" action="{% url 'search' %}" method="get">
        <div class="input-group">
          <input type="text" class="form-control" name="feed_search_string" id="feed_search_string" value="{% if feed_search_string %}{{ feed_search_string }}{% else %}Szukaj{% endif %}">
          <div class="input-group-btn">
            <button class="btn btn-success" type="submit"><i class="glyphicon glyphicon-search"></i></button>
          </div>
        </div>
        </form>
       </div>

<ul class="nav navbar-nav navbar-right">
        <li> <a href="#register"><span class="glyphicon glyphicon-info-sign white"></span>About</a></li>
  <!-- modal start here -->
        <li> <a href="#" data-toggle="modal" data-target="#contact"><span class="glyphicon glyphicon-envelope white"></span>Kontakt</a></li>
      </ul>
      </div><!--/.nav-collapse -->
    </div>
  </div>

正如我所提到的，modal是一个带有页眉和页脚的弹出窗口。在fireburg中，我看到模态体中的csrf_token但没有形式。将我的浏览器指向127.0.0.1/contact/表单。有人可以帮我这个吗？

django中的模态联系表单不会出现

0 个答案: