Actualmente estoy haciendo un proyecto en el que al enviar un formulario mediante HTML, primero verifique ciertos parametros, para ello hago uso de PreventDefault() de la siguiente forma:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>PROYECTO JS</title>
</head>
<body>
<form action="ejemplo2.php" id="form">
<table>
<tr>
<td>Nombre</td>
<td><input type="text" id="nombre"></td>
</tr>
<tr>
<td>Contraseña</td>
<td><input type="password" id="contrasena"></td>
</tr>
<tr>
<td><input type="submit" onClick="warnings()"></td>
</tr>
</table>
</form>
<div id="warnings"></div>
<script type="text/javascript" src="ejemplo1.js"></script>
</body>
</html>
JS:
const nombre = document.getElementById("nombre");
const contra = document.getElementById("contrasena");
const form = document.getElementById("form");
const warnings = document.getElementById("warnings");
form.addEventListener("submit", function(event){
if(nombre.nodeValue.trim == null){
event.preventDefault();
}
})
Pero lo que sucede es que aun cuando no se cumpla el parametro null (o sea que no este vació el input) NO se envía el formulario.
console.log(nombre.nodeValue.trim)
y mira lo que obtienes, ademas no creo que la comparacion a null sea la mejor, deberias de compararalo tambien a" "