Мне нужны красные границы при отправке формы при недействительных полях, используя язык шаблонов django

Это мой html файл

Я хочу красные границы на форме отправки при недействительных полях, используя язык шаблонов django

Я хочу красные границы на форме отправки при недействительных полях, используя язык шаблонов django

Я хочу красные границы на форме отправки при недействительных полях, используя язык шаблонов django

{% block body %} {% include 'navbar.html'%}

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <body>
       
      <form autocomplete="off" method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        
        <div class="mb-3">
          <label for="Title" class="form-label">Title</label>
          {{form.title}}
          <div class="form-text">{{form.title.errors}}</div>
        </div>

        <div class="mb-3">
          <label for="Written By" class="form-label">Written by</label>
          {{form.written_by}}
          <div class="form-text">
            {{ form.written_by.errors }}
          </div>
        </div>

        <div class="mb-3">
          <label for="Description" class="form-label">Description</label>
          {{form.description}}
          <div class="form-text">{{form.description.errors}}</div>
        </div>

        <div class="mb-3">
          <label for="image" class="form-label">Image</label>
          {{form.image}}
          <div class="form-text">{{form.image.errors}}</div>
        </div>

       <button type="submit" class="btn btn-primary">Submit</button>
      </form>
       <style>

        .form-control {
          width: 50%;
        }
     

        .errorlist {
          list-style-type: none;
          color: red;
          position: relative;
          right: 31px;
          
        }
        form {
          margin-left: 30%;
          margin-right: 30%;
        }
        textarea {
          height: 4em;
          width: 50em;
        }
        
      </style>
    </body>
  </head>
</html>
{% endblock %}

Я хочу красные границы на форме отправки при недействительных полях, используя язык шаблонов django

Я хочу красные границы на форме отправки при недействительных полях, используя язык шаблонов django

Я хочу красные границы на форме отправки при недействительных полях, используя язык шаблонов django

Одним из способов достижения этой цели может быть самостоятельное написание всех полей формы. Например, для вашего {{form.title}} можно использовать:

<input type="text" name="{{form.title.html_name}}" id="{{form.title.id_for_label}}" class="{% if form.title.errors %}invalid-input{% endif %}">

Затем в ваших стилях:

.invalid-input {
    border-color: red;
}
Вернуться на верх