Перейти к содержимому
Поставьте ⭐️ проекту перевода GitHub

Атрибут hx-confirm

Атрибут hx-confirm позволяет вам подтвердить действие перед отправкой запроса. Это может быть полезно в случаях, когда действие является разрушительным, и вы хотите убедиться, что пользователь действительно хочет его выполнить.

Вот пример:

<button hx-delete="/account" hx-confirm="Хотите удалить свой аккаунт?">
Удалить мою учётку
</button>

Событие, вызванное hx-confirm, содержит дополнительные свойства в своем detail:

  • triggeringEvent: событие, которое вызвало оригинальный запрос
  • issueRequest(skipConfirmation=false): обратный вызов, который можно использовать для подтверждения AJAX-запроса
  • question: значение атрибута hx-confirm на HTML-элементе
  • hx-confirm наследуется и может быть размещён на родительском элементе.
  • По умолчанию hx-confirm использует window.confirm браузера. Вы можете настроить это поведение, как показано в этом примере.
  • логическое значение skipConfirmation может быть передано в обратный вызов issueRequest; если true (по умолчанию false), window.confirm не будет вызван, и AJAX-запрос будет отправлен напрямую.