CodeStates/learning contents

Unit 10. [JS/DOM] μœ νš¨μ„± 검사

Jieunny 2022. 12. 27. 14:52

πŸ“£ μœ νš¨μ„± 검사

➰ νŠΉμ • 값은 λ°˜λ“œμ‹œ μž…λ ₯ν•΄μ•Ό ν•œλ‹€.
➰ λΉ„λ°€λ²ˆν˜ΈλŠ” 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
    }
}