e.preventdefault no funciona en submit

publicado por: Anonymous

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?

solución

probé con el código que proporcionas en el post y funciona correctamente, tal vez es el cache del navegador, prueba limpiando presionando Crtl + F5

Mira aqui dejo tu mismo codigo, funciona correctamente…

_x000D_

_x000D_

<!doctype html>_x000D_
<html lang="en">_x000D_
  <head>_x000D_
    <!-- Required meta tags -->_x000D_
    <meta charset="utf-8">_x000D_
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">_x000D_
_x000D_
    <!-- Bootstrap CSS -->_x000D_
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">_x000D_
_x000D_
    <title>Hello, world!</title>_x000D_
  </head>_x000D_
  <body>_x000D_
    <div class="container-fluid">_x000D_
	<div class="row">_x000D_
		<div class="col-lg-12">_x000D_
			<form id="formID">_x000D_
			    <input type="email" id="loginName" placeholder="Usuario" required autofocus>_x000D_
			    <input type="password" id="loginPass" placeholder="Contraseña" required>_x000D_
_x000D_
			    <button type="submit">Enviar</button>_x000D_
			</form>_x000D_
		</div>_x000D_
	</div>_x000D_
    </div>_x000D_
_x000D_
    <!-- Optional JavaScript -->_x000D_
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->_x000D_
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>_x000D_
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>_x000D_
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>_x000D_
	<script>_x000D_
		$(function() {_x000D_
		  $('#formID').on('submit', function (event) {_x000D_
   	          	event.preventDefault();_x000D_
		  });_x000D_
		});_x000D_
	</script>_x000D_
  </body>_x000D_
</html>

_x000D_

_x000D_

_x000D_

PD: Si se ve mucho código, es por que es la plantilla base de bootstrap 4

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *