SWEETALERT2 / СООБЩЕНИЕ → ДЕЙСТВИЕ → РЕЗУЛЬТАТ

Соберите диалог для своего интерфейса

Настройте текст и кнопки, откройте настоящее окно и посмотрите, чем завершился сценарий. Сравните подтверждение, ввод, уведомление и сообщение об ошибке.

Попробуйте: откройте исходный диалог и нажмите «Отмена». В результате появится dismiss: "cancel". Запустите ещё раз и нажмите «Сохранить»: теперь isConfirmed станет true. Кнопки здесь показывают результат, а данные на сервер не отправляются.

1. Настройте окно

Четыре сценария
К запуску ↓

При смене сценария загружаются подходящие тексты и настройки. Затем их можно изменить.

Escape и крестик доступны всегда. В подтверждении начальный фокус стоит на отмене, если она включена.

К запуску ↓

2. Запустите и сравните

SweetAlert2 11.26.25
К настройкам ↑

Это схема перед запуском. Настоящее окно появится только после нажатия кнопки.

Изменение настроек само по себе ничего не открывает.

Результат последнего запуска

Ещё не запускали

Откройте окно и выберите действие. Здесь появятся результат и причина закрытия.

{}
Журнал последних запусков 0

    Последние 8 завершённых запусков. Журнал хранится только в этой вкладке.

    Что означает результат

    isConfirmed показывает подтверждение, isDismissed — закрытие без подтверждения. dismiss различает отмену, Escape, крестик, фон и таймер. Значение поля приходит в value.

    Возвращённый Promise сообщает о выборе пользователя. Сохранение на сервер, проверка прав и обработка ошибок запроса — следующий шаг вашего приложения.

    ЗАБРАТЬ СВОЙ ВАРИАНТ

    3. Конфигурация и автономный HTML

    JavaScript содержит параметры настоящего Swal.fire() и функции проверки. JSON хранит настройки конструктора. Полный HTML включает библиотеку, стили и мастерскую — его можно открыть без интернета.

    Все исходники ZIP ↗

    HTML запоминает настройки. Его сброс возвращает сохранённый вариант; журнал начинает отсчёт с новых запусков. Изменённую мастерскую можно экспортировать повторно.