Tengo un formulario sencillo con dos inputs
y un botón para enviarlo. Estoy intentando que no funcione el submit por defecto para poder hacer cosas con los datos antes de enviarlo al servidor pero, no sé por qué, no consigo evitar el submit.
Supongo que al final será una tontería pero no consigo encontrarla...
Aquí el formulario
<form id="formID">
<input type="email" id="loginName" placeholder="Usuario" required autofocus>
<input type="password" id="loginPass" placeholder="Contraseña" required>
<button type="submit">Enviar</button>
</form>
He probado también con action="/"
pero continua igual.
Aquí el jquery
$('#formID').on('submit', function (event) {
event.preventDefault();
});
Lo he probado también con $("#formID").submit(function(event){});
y return false
pero continua igual, al darle al botón o "enter" se recarga la página.
No sé me ocurre más para probar... ¿Alguna idea?
return false
$("#formID").submit(function(event){ event.preventDefault(); });
o bien, podrías dar un id al botón propiamente y escuchar el eventoclick
del mismo:<button id="btnEnviar">Enviar</button>
y para escuchar:$('#btnEnviar').on('click', function (event) { event.preventDefault(); });
o bien de esta otra forma también:$('#formID').submit(false);
console.log(event);
muestra algo en la consola? también intenta conevent.stopPropagation();
click
, debe ser algo que englobe a ambos, que conozca, solo está el submit...