Al entregar el formulario necesito que la pagina no se actualice y así ejecute el codigo de inicio de sesion mediante el fetch, hasta donde tenia entendido preventDefault() cumple esta función... pero simplemente no lo hace. Estoy haciendo algo mal?
codigo HTML:
<!DOCTYPE html>
<html>
<head>
<title>Janfa-Login</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/Login.css">
</head>
<body>
<div class="container-form">
<form class="login" id="login">
<h2>Log in</h2>
<label>Documento de identidad</label>
<label id="error">Usuario y/o contraseña incorrectos</label>
<input type="text" id="cedula" placeholder="Documento de identidad">
<label>Contraseña</label>
<input type="password" id="password" placeholder="Contraseña">
<input type="submit" name="">
<a href="#">Olvidé mi contraseña</a>
</form>
</div>
</body>
<script type="text/javascript" src="js/login.js"></script>
</html>
codigo javascript: EDIT:
window.onload= () => {
const loginForm= document.getElementById('login')
loginForm.onSubmit = (e) =>{
e.preventDefault()
e.stopPropagation()
const cedula = document.getElementById('cedula').value
const password = document.getElementById('password').value
fetch('https://janfa.gharsnull.now.sh/api/auth/login', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({cedula, password})
})
}
}
preventDefault()
intenta cone.stopPropagation()
loginForm.onSubmit
porloginForm.onsubmit
el error esta en la S mayúscula. Saludos