day35) [JavaScript] 회원가입 폼 유효성 검사 예제

[onfocus(focus) 이벤트 활용]

1. focus 된다면 input공간의 색을 바꾼다.

2. focus가 없어진다면(onblur) 원상태로 되돌린다(transparent)

 

See the Pen Untitled by seoWork5795 (@seowork5795) on CodePen.

 

 

[onchange(change) 이벤트 활용]

1. 라디오버튼 클릭시 해당하는 체크박스가 선택된다.

2. 체크박스 선택시 해당하는 라디오 버튼이 선택된다.

3. 라디오버튼, 체크박스를 선택하면 textarea에서 출력된다.

 

See the Pen Untitled by seoWork5795 (@seowork5795) on CodePen.

* 추후에 조건에 따라 강제 선택되게 하기 위해 disabled 속성등을 사용하여 활용할 수 있을 듯