en mi proyecto había creado dos archivos para validar los campos del formulario de cada pagina, por ejemplo Registro y Modificar, lo hice independiente para no cargar todo en un mismo archivo JS. En su momento me funcionó, validaba correctamente y agregaba las clases de manera correcta, hoy estoy revisando todo para entregar el trabajo (Es evaluativo de la universidad), y Oh! sorpresa, la validación del formulario no me funciona, estoy revisando y los archivos están bien vinculados, llamando los objetos al parecer está bien vinculados porque en la consola del navegador escribo la variable con la que capturo (Por ejemplo el formulario), y si me muestra normal, sin embargo al ejecutar el evento submit, me dice el mismo error.
Uncaught TypeError: Cannot read property 'addEventListener' of null
A modo de solución que he encontrado en este foro y otros me dicen que valide si viene el objeto,
const formRegistrar = document.getElementById('formRegistrar');
if(formRegistrar){
formRegistrar.addEventListener('submit', (e)=>{
if(!validar()){
e.preventDefault();
}
});
}else{
alert('Formulario registrar no existe');
}
El tema es que siempre al abrir cualquier pagina de mi proyecto, me salta la alerta, es decir como si la constante formRegistrar
estuviese vacía.
ACTUALIZACION: Olvide poner mi codigo HTML
<form class="p-5 bg-light style-form" id="formRegistrar" method="POST">
<button type="submit" class="btn btn-primary" name="btnRegistrar">
Registrar
</button>
</form>
Agradezco de sus ayudas. Quedo al pendiente.
validar()
?TRUE
sino es así entonces retornaFALSE
, solo valida los campos del formulario antes de enviar los datos al servidor... Ya di con la solución, puedes verla en esta pregunta ya respondida.