Интеграция 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