Solucionado
Olá pessoal, bom dia!
Estimo que todos estejam bem.
Por gentileza, poderia me orientar nessa parte do código:
</div>
{% for error in field.errors %}
<div class="alert alert-danger">
{{error}}
</div>
{% endfor %}
{% endfor %}
</div>
A mensagem retornm assim:
Obrigado!
Oi!
O código que você compartilhou está usando um loop for para iterar sobre os erros em um campo e exibi-los dentro de divs com a classe "alert alert-danger". No entanto, parece haver um problema com o loop, pois há dois {% endfor %} consecutivos sem um bloco de {% for %} correspondente. Vou ajustar o código para corrigir esse problema:
<div>
{% for error in field.errors %}
<div class="alert alert-danger">
{{ error }}
</div>
{% endfor %}
</div>
Certifique-se de que você está usando este trecho de código dentro de um bloco {% for %} mais amplo, que itera sobre os campos do formulário. Caso contrário, você pode encontrar erros adicionais.
Olá Estudante, bom dia!
Estimo que esteja tudo bem contigo e a sua família.
Obrigado.
Mas mesmo assim continua apresento o erro...
Essa é imagem da texto da aula:
https://cursos.alura.com.br/course/django-autenticacao-formularios-alerta/task/119202
Esse é cadastro.html
{% load static %}
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alura Space</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap" rel="stylesheet">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="{% static '/styles/style.css' %}">
</head>
<body>
<div class="pagina-inicial">
<header class="cabecalho">
<img src="{% static '/assets/logo/Logo(2).png' %}" alt="Logo da Alura Space" />
{% for message in messages %}
<div class="alert alert-primary">
<p id="messages">{{message}}</p>
</div>
{% endfor %}
<div class="cabecalho__busca">
<div class="busca__fundo">
<form action="{% url 'buscar' %}">
<input class="busca__input" type="text" name="buscar" placeholder="O que você procura?">
<button type="submit">
<img class="busca__icone" src="{% static '/assets/ícones/1x/search.png' %}" alt="ícone de search">
</button>
</form>
</div>
</div>
</header>
<main class="principal">
<section class="menu-lateral">
<nav class="menu-lateral__navegacao">
<a href="{% url 'index' %}"><img src="{% static '/assets/ícones/1x/Home - ativo.png' %}"> Home</a>
<a href="{% url 'login' %}"><img src="{% static '/assets/ícones/1x/Mais vistas - inativo.png' %}"> Login</a>
<a href="{% url 'cadastro' %}"><img src="{% static '/assets/ícones/1x/Novas - inativo.png' %}"> Cadastrar</a>
<a href="{% url 'logout' %}"><img src="{% static '/assets/ícones/1x/Surpreenda-me - inativo.png' %}"> Logout</a>
</nav>
</section>
<section class="galeria" style="margin-left: 5em">
<form action="{% url 'cadastro' %}" method="POST">
{% csrf_token %}
<div class="row">
{% for field in form.visible_fields %}
<div class="col-12 col-lg-12" style="margin-bottom: 10px;">
<label for="{{ field.id_for_label }}" style="color:#D9D9D9; margin-bottom: 5px;">{{field.label}}</label>
{{field}}
</div>
{% for error in field.errors %}
<div class="alert alert-danger">
{{error}}
</div>
{% endfor %}
{% endfor %}
</div>
<div>
<button class="btn btn-success col-12" style="padding: top 5px;" type="submit">Cadastrar</button>
</div>
</form>
</section>
</main>
</div>
</body>
{% include 'galeria/partials/_footer.html' %}
Obrigado.
O css do bootstrap tem que vir depois:
Está assim:
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<link rel="stylesheet" href="{% static '/styles/style.css' %}">
Tem que ser assim:
<link rel="stylesheet" href="{% static '/styles/style.css' %}">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">