Как обработать submit формы с использованием асинхроннности?

Question

[noxxcuzz]

Имеется форма с кнопкой (type='submit'), на кнопке висит EventListener('submit', handleFormSubmit). Внутри асинхронной функции handleFormSubmit нужно написать код, который будет делать видимой модальное окно с определённой информацией с кнопкой, по нажатию на которую форма будет отправлена. Вопрос в том, как сделать так, чтобы отправка формы "заморозилась" до момента нажатия кнопки в модальном окне:

async function handleFormSubmit(e) {
modal.classList.add('form__banner--visible');
// ???
}

Answer 1

[Aetae]

Никак. Никакого мороза в javascript.
Просто прерываешь отправку (preventDefault()), показываешь модал, и, после нажатия кнопки внутри модала, вручную вызываешь submit этой формы повторно, в этот раз уже не препятствуя.
(один вызов от другого можно отличить поставив некий флаг или просто по какому-нибудь свойству события, тому же isTrusted)

Answer 2

[Алексей Ярков]

confirm