sweetalert2 popup code example
Example 1: sweetalert2
$ npm install sweetalert2
Example 2: sweetalert2
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
Example 3: sweetalert2
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
Example 4: sweetalert2 email and password
swal({
title: 'Multiple inputs',
html:
'<input id="swal-input1" class="swal2-input">' +
'<input id="swal-input2" class="swal2-input">',
preConfirm: function () {
return new Promise(function (resolve) {
if ($('#swal-input1').val() == '' || $('#swal-input2').val() == '') {
swal.showValidationMessage("Enter a value in both fields");
swal.enableConfirmButton();
} else {
swal.resetValidationMessage();
resolve([
$('#swal-input1').val(),
$('#swal-input2').val()
]);
}
})
},
onOpen: function () {
$('#swal-input1').focus()
}
}).then(function (result) {
if (typeof(result.value) == 'undefined') {
return false;
}
swal(JSON.stringify(result))
}).catch(swal.noop)
Example 5: sweetalert2
const { value: email } = await Swal.fire({ title: 'Input email address', input: 'email', inputLabel: 'Your email address', inputPlaceholder: 'Enter your email address'})if (email) { Swal.fire(`Entered email: ${email}`)}