jQuery event에서 validation 확인시 change 와 blur

Mobile 웹 화면 개발 중에 Input 값의 Validation 체크 중 발생한 문제점에 대해서

간략하게 기록 한다. 

그전에는 일반적으로 Input 태그의 Validation 체크를 이벤트 change 로 체크 하였다.

즉, 기존의 값이 변경되면 그 값이 오류가 있는지 없는지 확인하는 구조였다.

하지만 이에 문제가 발생했다.

모바일에서 지원하는 모바일키보드 안에는 [다음] 이라는 버튼이 있는데

값을 변경하고 다음을 누를 경우 change 이벤트가 발생하지 않는다.

물론, 동작하는 다음 버튼도 있다. 하지만 유심히 보면 Input box 가 여러개일 경우 다음 버튼이

키보드 안에 있는 다음 버튼에는 동작했다. 하지만 키보드 위에 조그만 다음

[이전][다음] 버튼에는 change 버튼이 동작하지 않았다.

이를 고민하다가 blur 이벤트에 Validation 을 주었다.

blur : 커서가 현재로 부터 떠달때 발생하는 이벤트 라고 알고 있다.

        즉, focusout 이벤트가 발생할 때 발생하는 이벤트 인듯 하다.

나중에 focusout 과 blur 의 차이를 한번 찾아봐야겠다.