If statement condition not working - OR syntax

Please assist me with this condition:


let idMax = $w("#idNumber").maxLength = 13;
let passMax = $w("#passportNumber").maxLength = 9;
let asyMax = $w("#asylumNumber").maxLength = 9;
let idLength = 0;       
let passLength = 0;
let asyLength = 0;

//I then created an onChange for each of the above (only one document of the 3 needs to be filled in

//Here is the ID onchange (the other 2 are exactly the same, so leaving them off for simplicity
export function idNumber_change(event) {
    
    idLength = $w('#idNumber').value.length;
    var remainingLength = idMax - idLength;
    
    if(remainingLength > 0){

        //$w('#text151').expand();
        $w('#text151').text = `Only ${remainingLength} remaining characters.`;
        
    }else{
        $w('#text151').collapse();
    }
}
    

export function submitButton_click(event) {
    
if(((idMax - idLength) === 0) || ((passMax - passLength) === 0) || ((asyMax - asyLength) === 0) || ((pinMax - pinLength) === 0)){

//THIS FAILS WHEN A USER TYPES IN 5 OF THE 13 ID NUMBERS AND CLICKS SUBMIT. IT STILL SUBMITS WHEN IT SHOULD HAVE 13 OF 13 CHARACTERS 
   
}
}

My issue is that on Submit, when my conditions are not met, it still goes into the statement as though it succeeded.
Eg. If an ID Number is 13 characters, and the user types in 5, then clicks submit, it assumes it has 13?

HOWEVER, when I only use
if ((idMax - idLength) ===0 )

This works fine. Why are the multiple conditions not working with || ?

Thank you.