hx-confirm

Показывает диалог подтверждения перед отправкой запроса

Атрибут hx-confirm запрашивает подтверждение перед отправкой запроса.

Используйте его для разрушительных или необратимых действий.

Синтаксис

<button hx-delete="/account" hx-confirm="Are you sure?">Delete Account</button>

Вот пример:

<button hx-delete="/account" hx-confirm="Are you sure you wish to delete your account?">
  Delete My Account
</button>

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

triggeringEvent: событие, вызвавшее исходный запрос
issueRequest(skipConfirmation=false): функция обратного вызова, которую можно использовать для подтверждения AJAX-запроса
question: значение атрибута hx-confirm HTML-элемента

hx-confirm по умолчанию использует window.confirm браузера. Это поведение можно настроить, как показано в шаблоне диалоговых окон.
в функцию обратного вызова issueRequest можно передать логическое значение skipConfirmation; если оно равно true (по умолчанию false), window.confirm вызвана не будет, а AJAX-запрос будет отправлен напрямую