1

Llevo ya varios días intentando encontrar la respuesta a este problema. He probado con las soluciones sugeridas en los hilos que encontré en los que a otros usuarios les ocurría algo similar, pero ninguna ha funcionado hasta ahora.

Creé un formulario de contacto siguiendo el tutorial y funciona perfectamente si abro la url donde está el html del formulario; sin embargo, al intentar incluirlo en index usando {% include %}, aparece el botón de envío y el estilo, pero ninguno de los campos del formulario.

Esto es lo que tengo en mi código:

views.py

from django.http import HttpResponse
from django.views import generic
from django.views.generic.edit import CreateView, UpdateView, DeleteView
from django.core.mail import send_mail
from .forms import ContactForm
from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request, 'landingpage/index.html', {})

#Contact form
def contact(request):
    if request.method == 'POST':
        form = ContactForm(request.POST)
        if form.is_valid():
            name = request.POST.get ('name')
            email = request.POST.get ('email')
            message = request.POST.get ('message')

            send_mail('Subject here', content, contact_email, [‘[email protected]'], fail_silently=False)
            return HttpResponseRedirect('/thanks/')
    else:
        form = ContactForm()
    return render(request, 'landingpage/contact.html', {'form': form})

#Thank you message
def thanks (request):
    return render(request, 'landingpage/thanks.html', {})

urls.py

app_name = 'landingpage'
urlpatterns = [
    # Landingpage urls
    url(r'^$', views.index, name='landing-index'),
    url(r'^contact/$', views.contact, name='contact'),
    url(r'^thanks/$', views.thanks, name='thanks'),
]

index.html

{% block form %}

        {% include 'landingpage/contact.html' with form=form %}

{% endblock form %}

contact.html

{% block form %}
<section id="contact">
      <div class="container">
        <div class="row">
          <div class="col-lg-12 text-center">
            <h2 class="section-heading text-uppercase">Contact Us</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-12">
            {% if form.errors %}
                <p style="color: red;">
                    Please correct the error{{ form.errors|pluralize }} below.
                </p>
               {% endif %}
            <form id="contactForm" name="sentMessage" action="" method="post" novalidate>
              {% csrf_token %}

                {% for hidden_field in form.hidden_fields %}
                  {{ hidden_field }}
                {% endfor %}

                {% if form.non_field_errors %}
                  <div class="alert alert-danger" role="alert">
                    {% for error in form.non_field_errors %}
                      {{ error }}
                    {% endfor %}
                  </div>
                {% endif %}

                {% for field in form.visible_fields %}
                  <div class="form-group">
                    {{ field.label_tag }}

                    {% if form.is_bound %}
                      {% if field.errors %}
                        {% render_field field class="form-control is-invalid" %}
                        {% for error in field.errors %}
                          <div class="invalid-feedback">
                            {{ error }}
                          </div>
                        {% endfor %}
                      {% else %}
                        {% render_field field class="form-control is-valid" %}
                      {% endif %}
                    {% else %}
                      {% render_field field class="form-control" %}
                    {% endif %}

                    {% if field.help_text %}
                      <small class="form-text text-muted">{{ field.help_text }}</small>
                    {% endif %}
                  </div>
                {% endfor %}

                <div class="clearfix"></div>
                <div class="col-lg-12 text-center">
                  <div id="success"></div>
                  <button id="sendMessageButton" class="btn btn-primary btn-xl text-uppercase" type="submit">Send Message</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
</section>
{% endblock form%}

1 respuesta 1

2

Ya está solucionado, dejo aquí la respuesta por si le sirve de algo a alguien en el futuro. El problema estaba en que no mencioné la variable form en index en views. Debería ser:

views.py

def index(request):
     ctx = {
       'form':  ContactForm()
     }
     return render(request, 'landingpage/index.html', ctx)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.