공백검사 숙제와 else if 문법에서 제이쿼리질문드립니다

[조성익]

function ff(e){
    e.preventDefault();
    if($("#email").val().length < 6 ){
        console.log("아이디 입력해라")
        if($("#idpassword").val().length > 6){
            console.log("로그인")
        }
    } else{
        console.log("비밀번호 입력해라")
    }
}

$(".btn-primary").on("click",ff)

 

 

이렇게 하면 아이디를 입력하라는 것과 비밀번호를 입력하라는 콘솔로그는 잘 뜨는데

Uncaught TypeError: Cannot read properties of undefined (reading 'length')
at HTMLButtonElement.ff (js.js:18:34)
at HTMLButtonElement.dispatch (jquery-3.6.0.min.js:2:43064)
at HTMLButtonElement.v.handle (jquery-3.6.0.min.js:2:41048)

 

이렇게 오류가 뜨면서

if($("#idpassword").val().length > 6){
            console.log("로그인")
        }

여기서 length를 찾을 수가 없다고 나오네요.. 왜 이럴까요..?

 

[조성익]

html

<input type="password" class="form-control" id="idpassword" />

js

function ff(e){
    e.preventDefault();
    if($("#idpassword").val().length < 6 ){
        console.log("로그인")
    }
}

이렇게만 적어도  $(#idpassword).val().length가 undefined라고 똑같은 에러메세지가 나옵니다 ㅠㅠ

[조성익]

function ff(e){
    e.preventDefault();
    if($("#email").val().length >= 6){
        console.log("아이디 6글자 이상 확인")
        if($("#idpassword").val().length >= 6){
            console.log("비밀번호 6글자 이상 확인")
            console.log("로그인")
        }else if($("#idpassword").val().length < 6){
            console.log("비밀번호 입력해")
        }
    } else if($("#email").val().length < 6){
        console.log("아이디 입력해")
    }
}

$(".btn-primary").on("click",ff)

 

 

ㅋㅋ 또 이렇게 적으니깐 되네요 혹시 else가 빠져서 그랬던건가 싶어 else도 지우고 밑에 else if를 적어서 되는가 싶어 else if도 지워봤는데 이젠 그냥 실행됩니다;;;;;; 

도대체 왜 안됐던걸까요.......

[조성익]

아니;;;;;;;; 이젠 맨위에껄로 다시 입력해도 잘되네;;;;;;;;;;;

로그인이라는 콘솔로그가 안찍히는거 빼면 length Cannot read properties of undefined 오류 구문이 안나옵니다;;;;;;

왜 이런 오류가 있었던걸까요?.....

[codingapple]

가끔 저장한게 미리보기에 반영안되어서 일어나는 에디터 버그입니다

[조성익]

아 감사합니다ㅋㅋㅋㅋ 열공하겠습니다

[글쓴이]

글