Unit 10. [JS/DOM] 유효성 검사

📣 유효성 검사

➰ 특정 값은 반드시 입력해야 한다.
➰ 비밀번호는 n 자리 수 이상이어야 하고, 숫자나 특수문자를 반드시 포함해야 한다.

위와 같은 기능을 '유효성 검사'라고 한다.

let inputUsername = document.querySelector('.username');
// username 클래스 요소를 받아온다.

let failureMessage = document.querySelector('.failure-message');
// failure-message 클래스 요소를 받아온다. 얘는 hide 클래스가 있어 숨겨져있음.

inputUsername.onkeyup = function(){	// username 클래스 요소에서 사용자가 키를 눌렀다 뗐을 때
	if(isMoreFour !== true){	//	username이 4글자 이하이면	
    	failureMessage.classList.remove('hide');
        //	hide 클래스를 지워서 warning 문구가 뜨게 만든다.
    }
}

function isMoreFour(value) {	// value가 4글자 이상인지 확인하는 함수
	if(value.length) >= 4{
    	return true;
    }
    else {
    	return false
    }
}