Error al cargar objeto en JavaScript

[julpaez]

$(document).ready(function(){

//Valida si existe el formulario, entra por el Si, si estoy en la página del formulario
if ( $("#frmCargo").length ){
const formulario = document.getElementById('frmCargo');
const inputs = document.querySelectorAll('#frmCargo input');
}

//Valida si existe el formulario, entra por el Si, si estoy en la página del formulario
if ( $("#frmLogin").length ){
//console.log('existe');
const formulario2 = document.getElementById('frmLogin');
const inputs2 = document.querySelectorAll('#frmLogin input');
}


//Aqui da error:
//Carga los objetos
if (document.getElementById('frmCargo')){
inputs.forEach((input) => { //dice que no existe
input.addEventListener('keyup', validarFormulario);
input.addEventListener('blur', validarFormulario);
});
}


//Aqui da error:
//Carga los objetos
if ( $("#frmLogin").length ){
//alert('cargando input');
inputs2.forEach((input) => { //dice que no existe
input.addEventListener('keyup', validarFrmLogin);
input.addEventListener('blur', validarFrmLogin);
});

//}



})

Si no valida la existencia del formulario, no dá error. ¿Qué error tiene el código?, con esta estructura tendría que poder tener un sólo archivo.js y cargar los objetos sólo del formulario activo y evitar intentar cargar formulario que en este momento no existen.

Si no valido, directamente funciona, pero cargas errores por los formulario inexistentes en el momento que estoy visitando la pagina activa. Las rutinas de la pagina activa se cargan y responden a la perfección.

Si valido, da error y las rutinas no funcionan, porque no puede cargar los objetos de la página actual.