hx-confirm

Thehx-confirm attribute allows you to confirm an action before issuing a request. This can be usefulin cases where the action is destructive and you want to ensure that the user really wants to do it.

Here is an example:

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

Event details

The event triggered byhx-confirm contains additional properties in itsdetail:

• triggeringEvent: the event that triggered the original request
• issueRequest(skipConfirmation=false): a callback which can be used to confirm the AJAX request
• question: the value of thehx-confirm attribute on the HTML element

Notes

• hx-confirm is inherited and can be placed on a parent element
• hx-confirm uses the browser’swindow.confirm by default. You can customize this behavior as shownin this example.
• a booleanskipConfirmation can be passed to theissueRequest callback; if true (defaults to false), thewindow.confirm will not be called and the AJAX request is issued directly