Показывать сообщение success формульного контакта с Sweetalert

У меня есть простой формуляр контакта

Я нуждаюсь в том, чтобы осуществить это с 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()" >&times;</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();
});
0
задан 09.11.2019, 00:18
1 ответ

Вместо тебя 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()" >&times;</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"); })
1
ответ дан 01.12.2019, 12:13
  • 1
    Функционируй хорошо, показав сообщение, я изменился для того, чтобы он показал botó n ok, có mo harí в для того, чтобы этот botó n сделайте reset формуляра? –  Bloop 08.11.2019, 22:08
  • 2
    в которое уже ты имеешь, приложи его .then (function () { $ (' #idFormulario') .trigger (" reset"); }) –  Manuel Alberto Gomez Lozano 09.11.2019, 00:36