Цепочка Sweetalert2 модалов
Я использую sweetalert2 для проверки адреса электронной почты, но мне бы хотелось, чтобы он затем отображал текстовый ввод для вводимого имени. Я понимаю, что это цепочка модалов, но я не могу на всю жизнь понять, как из примера, приведенного на странице?
var cloud_email = $('.cloud_email').text();
var user_name = $('.user_name').text();;
swal.setDefaults({
confirmButtonText: 'Next →',
showCancelButton: true,
animation: false
});
var steps = [
{
//ask for and validate email here
type: 'question',
title: 'Please enter email address',
input: 'email',
inputValue: cloud_email
},
{
//ask for and validate text input here
type: 'question',
title: 'Please enter user name',
input: 'text',
inputValue: user_name
}
];
swal.queue(steps).then(function(email, name) {
swal({
type: 'success',
html: 'Email successfully sent to: ' + name + ': '+ email
});
}).finally(function() {
swal.resetDefaults();
//ajax to process values passed
})
Моя попытка возвращает эту ошибку:
swal.queue(...).then(...).finally is not a function
1 ответ
Решение
Использовать finally()
метод, вы должны включить полифилл для Promise.prototype.finally к вашей странице, например:
<script src="https://cdn.jsdelivr.net/promise.prototype.finally/1.0.1/finally.js"></script>
PS. Я только что добавил ссылку на Promise.prototype.finally
Полифиля на страницу примера: https://sweetalert2.github.io/