У меня есть простой формуляр контакта
Я нуждаюсь в том, чтобы осуществить это с sweetalert для того, чтобы только сообщение success и ошибки они показали себе с sweetalert заставляя reset формуляра в кнопке закрывать того же sweetalert.
Функционируй хорошо, но пока только покажи сообщения в div #info и мне не удается осуществить это с sweetalert.
<script >
function kapat() {
$('#info').fadeOut(500);
}
function gonder() {
$.ajax( {
type: "POST",
url: "http://www.domain.com/send.php",
data:$('#contactForm').serialize(),
success: function(cevap) {
$('#info').show();
if(cevap==''){
$('#info').html('<div class="alert alert-success margin-bottom-30">message has been sent...</div><button type="reset" class="close" data-dismiss="alert" aria-hidden="true" onClick="kapat()" >×</button><br />');
}else{
$('#info').html('<span class="alert alert-danger">There is an Error</span><br /><input value="Close" type="reset" onClick="kapat()" />');
}
}
});
}
</script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Решенный добавляя
Swal.fire({
icon: 'success',
title: 'Your work has been saved',
showConfirmButton: true,
}).then((result) => {
location.reload();
});
Вместо тебя cГіdigo
$('#info').html('<div class="alert alert-success margin-bottom-30">message has been sent...</div><button type="reset" class="close" data-dismiss="alert" aria-hidden="true" onClick="kapat()" >×</button><br />');
Помести следующего cГіdigo, (опусти ее inclusiГіn ее librerГ, - если, tГє уже ты считаешь совокупными)
Swal.fire({
position: 'top-end',
icon: 'success',
title: 'Your work has been saved',
showConfirmButton: false,
timer: 1500
})
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>
diseГ±o alert различная, как ты это конфигурировал, здесь тебе оставил ejmplo всех возможные
https://sweetalert2.github.io/#examples
, Если ты хочешь, чтобы, когда ты дашь ему click, он отложил одинокий формуляр, у тебя есть, что:
Swal.fire({
position: 'top-end',
icon: 'success',
title: 'Your work has been saved',
showConfirmButton: true,
}).then(function () { $('#idFormulario').trigger("reset"); })