0

tengo el siguiente problema, tengo el siguiente trozo de codigo.

 <li>
       <form action="ControladorUsuario" method="POST" id="cerrarSesion">
           <input type="hidden" name="uAccion" value="Salir">
           <a href="#" id="salir"><i class="fa fa-fw fa-power-off"></i> Salir</a>
       </form>

</li>

Necesito hacer el submit del form, cuando pulso el link. He porbado con jquery

$('#salir').click(function(){
    $('#cerrarSesion').submit();

});

Tambien poniendo el submit en un onclick en el link, pero no consigo nada... Alguna sugerencia? Un saludo

EDIT: Ahora ya me funciona, quite el form por completo y lo puse de nuevo y le añadi esto :

    $('#salir').click(function(){

           $('#cerrar').submit(); 

    });

Gracias por las respuestas ;)

7
  • ¿Cómo has intentado hacer el submit dentro del onclick? En principio con eso bastaría... Commented el 10 jun. 2017 a las 13:12
  • onclick="form.submit();"
    – urrutias
    Commented el 10 jun. 2017 a las 13:17
  • Ese código que tienes es suficiente para el submit, si pones console.log('HOla Mundo')antes del submit, lo imprime?
    – Yikarus
    Commented el 10 jun. 2017 a las 13:19
  • En principio no tendría que darte ningún problema. ¿Te da algún error en la consola? Commented el 10 jun. 2017 a las 13:23
  • VM309 ControladorInicial:147 Uncaught TypeError: Cannot read property 'submit' of undefined at HTMLAnchorElement.onclick (VM309 ControladorInicial:147)
    – urrutias
    Commented el 10 jun. 2017 a las 13:26

2 respuestas 2

1

Una forma sencilla y con JavaScript Puro seria:

<script>
    function cerrar() {
    document.cerrarSesion.submit();
    }
</script>

<li>
  <form action="ControladorUsuario" method="POST" id="cerrarSesion">
    <input type="hidden" name="uAccion" value="Salir">
    <a href="#" id="salir" onclick="cerrar();"><i class="fa fa-fw fa-power-off"></i> Salir</a>
  </form>
</li>

Una version aun mas sencilla y portable:

 <li>
  <form action="ControladorUsuario" method="POST" id="cerrarSesion">
    <input type="hidden" name="uAccion" value="Salir">
    <a href="#" id="salir" onclick="this.form.submit()"><i class="fa fa-fw fa-power-off"></i> Salir</a>
  </form>
</li>

¿Como funciona?:

Usamos la propiedad submit() y el this para referirnos al formulario actual, seguido del form.

Si aun no funciona:

<li>
  <form action="ControladorUsuario" method="POST" id="cerrarSesion">
    <input type="hidden" name="uAccion" value="Salir">
    <a href="#" id="salir" onclick="document.getElementById('cerrarSesion').submit();"><i class="fa fa-fw fa-power-off"></i> Salir</a>
  </form>
</li>
3
  • Me sigue sin funcionar :S
    – urrutias
    Commented el 10 jun. 2017 a las 13:26
  • VM309 ControladorInicial:147 Uncaught TypeError: Cannot read property 'submit' of undefined at HTMLAnchorElement.onclick (VM309 ControladorInicial:147)
    – urrutias
    Commented el 10 jun. 2017 a las 13:26
  • @urrutias revisa de nuevo la respuesta
    – Dev 200
    Commented el 10 jun. 2017 a las 13:30
0

Yo lo he logrado con Bootstrap 4 de la siguiente manera:

<form method="post">
    <input type="hidden" name="variable" value="valor">
    <button type="submit" class="btn btn-link">Enviar</button>
</form>

De esta forma se muestra como link, no muestra ningún botón, y se envía adecuadamente el valor de tu variable para procesarlo.

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.