Skip to main content
2 de 3
título editado
Bloop
  • 67
  • 7

Mostrar mensaje success de formulario contacto con Sweetalert

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>
Bloop
  • 67
  • 7