0

Quiero hacer que mi formulario se cierre al hacer submit y también que deberia agregarle al código para que la información que se llene en el formulario llegue a un correo específico.

<div class="col-md-4">
<center><button type="submit" class="btn btn-warning" >Registrarse <span class="glyphicon glyphicon-send"></span></button></center>

2
  • 1
    Si pudieses contextualizar un poco, ya que no se entiende que es lo que deseas cerrar propiamente tal. Commented el 6 jun. 2017 a las 14:55
  • Muchas gracias por responder, coloque mi codigo de un formulario en un menú de joomla y me aparece el formulario de contacto como una ventana emergente necesito que al hacer "submit" la ventana se cierre
    – Mabf
    Commented el 6 jun. 2017 a las 15:03

2 respuestas 2

1

Teniendo esto en consideracion lo mencionado en tu comentario. Haz lo siguiente:

<div class="col-md-4">
<center>
    <button type="submit" class="btn btn-warning" onclick="cerrar()">Registrarse<span class="glyphicon glyphicon-send"></span></button>
</center>

<script>
    function cerrar() { 
        $("body").html('<div alignt="center"><h1>Enviado Exitosamente!!!</h1></div>'); //Marca nuevo contenido con un mensaje que se envio exitosamente

        setTimeout(function(){
            window.close();
        },3000); //Dejara un tiempo de 3 seg para que el usuario vea que se envio el formulario correctamente

    }
</script>

Esto puede ser colocado en el mismo index.html con las etiquetas <script>. Aunque es recomendado colocarlo en el index.js

Si lo haras de este ultimo modo, el index.js debes colocarlo del siguiente modo:

function cerrar() {
    window.close();
}

Y el html asi:

<div class="col-md-4">
<script type="text/javascript" src="JS/index.js"></script>    
<center>
    <button type="submit" class="btn btn-warning" onclick="cerrar()">Registrarse<span class="glyphicon glyphicon-send"></span></button>
</center>

Espero que pueda ser de gran ayuda. Saludos!

10
  • pues si funciona muchas gracias por la respuesta, probe con el primer código q citaste colocando el mismo js en el index.html, la otra cosa es q se cierra instantaneamente y no me aparece algun aviso como de "enviado" o "gracias por enviar la informacion" y q luego se cierre, podrias ayudarme gracias
    – Mabf
    Commented el 6 jun. 2017 a las 15:24
  • Edito para que lo puedas ver c: Commented el 6 jun. 2017 a las 16:17
  • @Mabf alli edite para que puedas ver que se envio correctamente. Commented el 6 jun. 2017 a las 16:21
  • pues coloque el nuevo código editado y aun se cierra instantáneamente apenas hago el submit =( y sigue sin aparecer el mensaje de exito al enviar, lo coloque todo el primer codigo en el index.html puedo enviarte el codigo completo del formulario para que lo veas, justpaste.it/17l1m
    – Mabf
    Commented el 6 jun. 2017 a las 19:02
  • @Mabf Te actualizo la respuesta. Fue error mio, coloque el tiempo de espera para actualizar el body, y necesitabamos el tiempo de espera para window.close() actualice la respuesta! Commented el 6 jun. 2017 a las 19:29
1

Puedes hacerlo por medio de JavaScript por ejemplo:

function enviaycerrar() {
    if (confirm('¿Estas seguro de enviar este formulario?')) {
       document.form1.submit();
       alert("Su formulario ha sido enviado, muchas gracias por participar");
       window.close();
    }
}

<input type="button" value="Enviar" onclick="javascript:enviaycerrar();"/>
2
  • este codigo lo agrego al index.html o al index.js ?
    – Mabf
    Commented el 6 jun. 2017 a las 15:06
  • Puede adicionar la función al index.js. Recuerde agregar el llamado del Script en index.html <script type="text/javascript" src="index.js"></script> Commented el 6 jun. 2017 a las 15:15

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.