Enlace que pulse a un input:submit

[quico5]

¿Seria posible pulsar un input:submit desde un enlace?

Me gustaría convertir esto:

Código:

<label for="guardar">Guardar</label>
<input type="submit" id="guardar" style="display:none;">

En esto:

Código:

<li><a href="#" for="guardar">Guardar</a></li>
<input type="submit" id="guardar" style="display:none;">

El motivo de quererlo hacerlo así es simple, estoy maquetando sobre bootstrap, en el navbar, tengo a la izquierda el menu de navegación, y a la derecha en algunas paginas muestro: crear/editar/borrar, y cuando he pulsado alguno de ellos en su lugar que aparezca un control remoto del botón de guardar, heredando los estilos de bootstrap, si pongo un label me rompe el diseño que heredo de bootstrap y por ahora no quiero crear una hora de estilos dedicada la cual dejo para el final

gracias

[Alexis88]

Pues, el procedimiento sería así:

Código Javascript:

$("#id_enlace").click(function(){
    $("#id_formulario").submit();
});
 

Pero hay otras formas de conseguir lo que buscas, como darle clic al <li> y delegar un evento, pero bueno. Por cierto, si no vas a usar el botón, mejor no lo pongas.

Saludos

[quico5]

Gracias por responder voy a probarlo, ¿cómo seria de otras formas?

he encontrado esta opción
http://www.desarrolloweb.com/articul...avascript.html

es buena idea eliminar el botón, y supongo que navegadores con JAVASCRIPT activo es lo suficientemente amplio como para poder permitirlo e informar en caso de que un usuario no lo tenga activo que lo active

[Alexis88]

La solución del enlace es la misma que te mostré, pero con código JavaScript nativo, de cualquier forma, es algo sencillo de implementar.

Otra forma sería con el botón de submit oculto y sin enlaces, dándole clic al elemento <li> y que este dispare el evento clic en el botón oculto, con lo cual se producirá el envío.

Código Javascript:

$("#id_li").click(function(){
    $("[type=submit]").trigger("click");
});
 

Saludos