회원가입 유효성검사 ( 3 )

js 코드를 작성해 보았다.

function pass6() {
	var password1 = pass.value;
	if ( password1 > 6 ) {
		document.getElementById("pText2").innerHTML = " ";
	}
}
function passValue() {	
	var password = pass.value;
	var password1 = pass2.value;
		if (password == password1) {
			document.getElementById("pText3").innerHTML = "The passwords are 			matching";
		}
		else {
			if (password != password1) {
				document.getElementById("pText3").innerHTML = "The passwords 					don't match! Kindly check";
			}
		}
}

비밀번호가 6자 미만이면 비밀번호 칸 아래에 표시되는
"Password must be at least 6 characters" 를 비운다.

입력된 비밀번호 2개가 일치하지 않으면 "The passwords are matching" 출력,
일치하지 않으면 "The passwords don't match! Kindly check" 가 출력된다.

코드작성을 위해서 HTML과 CSS도 조금씩 수정했다.

"Password must be at least 6 characters" 문구가 사라지고

두 비밀번호가 일치하지 않아 "The passwords don't match! Kindly check" 가 출력된 상태다.

두 비밀번호가 일치하여 "The passwords are matching" 가 출력됐다.

https://codepen.io/bi_/pen/eYpwLJq