0

Estoy haciendo una página web, y me gustaría añadir un mailto (enviar un email), a través de SweetAlert, pero me da error y me desactiva unos botones dinámicos que tengo. Alguien sabe si es posible hacerlo? Adjunto mi código por si me podéis ayudar. He estado comprobando, y solo me da error con el form en el JS. Si cambio la etiqueta y pongo un título (h2, por ejemplo), no me da error.

¡Gracias de antemano!

JS:

$("#email").on("click", function (){
            swal({
                allowOutsideClick: false,
                title: '¡Enviame un correo!',
                html: "<form action="mailto:[email protected]?subject=Contacto%20pag%20Web" method="post" enctype="text/plain">Nombre:<br><input type="text" name="name"><br>E-mail:<br><input type="text" name="mail"><br>Commentarios:<br><input type="text" name="commentarios" size="50"><br><br><input type="submit" value="Send"></form>"
            })  
        })

HTML:

<!-- Botón contactame -->
            <button class="btn boton2" title="Enviar correo"><a href="#" id="email" class="estiloboton"><i class="far fa-envelope"></i></a></button>

2 respuestas 2

0

tu error esta aqui en usar collinas doble en todo y no debe ser asi, debe hacer solo unas comillas dobles y adentro de ella debe haber comillas simples:

"mailto:[email protected]?subject=Contacto%20pag%20Web" method="post" enctype="text/plain">Nombre:<br><input type="text" name="name"><br>E-mail:<br><input type="text" name="mail"><br>Commentarios:<br><input type="text" name="commentarios" size="50"><br><br><input type="submit" value="Send"></form>

te recomiendo leer esto:

qué-diferencia-hay-entre-doble-comilla-y-comillas-simples-y

y si quieres implementar un formulario de contacto con sweetalart puede mirar este gits github:

gits ejemplo

una pregunta similar en stackoverflow en ingles :

sweet-alert-with-form-js-3-input

igualmente puedes usar swal-forms para crear uno :

swal-forms , mira uno en accion:

demo

2
  • 1
    ¡Muchas gracias!, no recordaba la diferencia entre las comillas. Commented el 23 jul. 2018 a las 11:45
  • denada :) espero y te alla servido
    – simon
    Commented el 23 jul. 2018 a las 11:48
0

Tu error está en que las dobles comillas dentro del atributo html al ser un string que tiene carácteres especiales deben ir con backslash o en su defecto cambiarlas por comilla simple.

$("#email").on("click", function (){
            swal({
                allowOutsideClick: false,
                title: '¡Enviame un correo!',
                html: "<form action=\"mailto:[email protected]?subject=Contacto%20pag%20Web\" method=\"post\" enctype=\"text/plain\">Nombre:<br><input type=\"text\" name=\"name\"><br>E-mail:<br><input type=\"text\" name=\"mail\"><br>Commentarios:<br><input type=\"text\" name=\"commentarios\" size=\"50\"><br><br><input type=\"submit\" value=\"Send\"></form>"
            })  
        })

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.