Skip to main content
se añadieron 193 caracteres en el cuerpo
Origen Enlace
Bloop
  • 67
  • 7

Tengo un formulario simple de contacto

Necesito implementarlo con sweetalert para que sólo el mensaje de success y error se muestren con sweetalert haciendo el reset del formulario en el botón cerrar del mismo sweetalert.

Funciona bien pero por el momento sólo muestra los mensajes en el div #info y no logro implementarlo con 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>

Solucionado agregando

Swal.fire({
icon: 'success',
title: 'Your work has been saved',
showConfirmButton: true,
}).then((result) => {
location.reload();
});

Tengo un formulario simple de contacto

Necesito implementarlo con sweetalert para que sólo el mensaje de success y error se muestren con sweetalert haciendo el reset del formulario en el botón cerrar del mismo sweetalert.

Funciona bien pero por el momento sólo muestra los mensajes en el div #info y no logro implementarlo con 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>

Tengo un formulario simple de contacto

Necesito implementarlo con sweetalert para que sólo el mensaje de success y error se muestren con sweetalert haciendo el reset del formulario en el botón cerrar del mismo sweetalert.

Funciona bien pero por el momento sólo muestra los mensajes en el div #info y no logro implementarlo con 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>

Solucionado agregando

Swal.fire({
icon: 'success',
title: 'Your work has been saved',
showConfirmButton: true,
}).then((result) => {
location.reload();
});
título editado
Enlace
Bloop
  • 67
  • 7

Mostrar mensaje success de formulario contacto en modal dialogcon Sweetalert

Origen Enlace
Bloop
  • 67
  • 7

Mostrar mensaje success de formulario contacto en modal dialog

Tengo un formulario simple de contacto

Necesito implementarlo con sweetalert para que sólo el mensaje de success y error se muestren con sweetalert haciendo el reset del formulario en el botón cerrar del mismo sweetalert.

Funciona bien pero por el momento sólo muestra los mensajes en el div #info y no logro implementarlo con 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>