Перейти к содержимому

Интеграция django-crispy-forms и HTMX №3 — Проверка полей и атрибут hx-swap-oob

BugBytes

0:00 / 0:00

Интеграция django-crispy-forms и HTMX №3 — Проверка полей и атрибут hx-swap-oob

9 416 просмотров · 4 года назад
BugBytes
58,1 тыс. подписчиков
9 416 просмотров · 4 года назад
Это видео расширяет возможности формы, созданной в предыдущем видео, и включает валидацию полей с помощью HTMX. Мы увидим, как использовать атрибуты HTMX для полей форм Django и как использовать атрибут hx-swap-oob для отключения кнопки отправки формы при возникновении ошибок валидации. Мы также увидим, как использовать удобную функцию "as_crispy_field()" из django-crispy-forms. Она генерирует HTML-код для определённого поля нашей формы, который затем можно подставить в DOM после валидации с помощью HTMX. ▶️ Полный плейлист:    • Django-crispy-forms & HTMX   📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀: 00:00 Вступление 00:27 Проверка поля имени пользователя 01:00 Добавление атрибутов HTMX к имени пользователя 01:44 URL и представление для проверки имени пользователя 03:51 Генерация поля с помощью функции as_crispy_field 07:07 Фильтры и модификаторы триггеров 08:31 Добавление проверки поля темы 11:47 URL и представление для проверки темы 13:18 Отключение кнопки с помощью hx-swap-oob ☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲: Чтобы поддержать канал и вдохновить на новые видео, пожалуйста, угостите меня кофе здесь: https://ko-fi.com/bugbytes 𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮: 📖 Блог: https://www.bugbytes.io/posts/ 👾 Github: https://github.com/bugbytes-io/crispy... 🐦 Twitter:   / bugbytesio   📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 Валидация форм Django: Валидация форм Django: https://docs.djangoproject.com/en/4.0... django-crispy-forms: https://django-crispy-forms.readthedo... hx-swap-oob: https://htmx.org/attributes/hx-swap-oob/ HTMX-документация: https://htmx.org/docs/ #django #python #htmx