jQuery: evitar que se envíe un formulario – desactivar botón submit

Si queremos desactivar los botones input de un formulario bastaría con añadir el siguiente fragmento dentro de la cabecera de la página, entre las etiquetas:

<script type="text/javascript" language="javascript">
$(document).ready(function() {u
        $("input:submit").click(function() { return false; });
}
</script>

Si luego queremos enviar el formulario tendríamos que añadir un evento onclick al botón submit (o a otro elemento que queramos usar para el envío del formulario):

<form id="formulario">
    <input type="text" name="campo" value=""/>
    <input type="submit" value="Enviar" onclick="enviar()"/>
</form>

Y, por supuesto, crear la función enviar():

function enviar() {
    $("#formulario").submit();
}

NOTA: Es evidente que a la función enviar() hay que añadirle algo de código para que haga algo útil, esto es sólo un ejemplo.

One thought on “jQuery: evitar que se envíe un formulario – desactivar botón submit

  1. Gracias por la info, pero el problema es que retira la validación que hace HTML5 al formulario, pero se soluciona bajando un plugin JQuery para validar formularios. Gracias y hasta luego.

Deja un comentario