쌍용강북교육센터 국비 학원 Day 52일차 JavaScript (우편번호 검색하기, 유효성 검사)

 

쌍용 강북 교육센터 국비학원 Day 52일차

 

우편번호 검색하기 구현

보통 포털사이트의 회원가입시에 주소를 기입할때 이용하는 우편번호 검색코드이다. 우편번호 검색을 누르면 해당주소를 검색해서 입력해 우편번호와 주소를 자동으로 입력해주는 팝업창이다. 다음에서 배포하는 코드를 사용해 구현했다.

 

 

 

 

다음은 html에서 작성되어야 하는 코드

 

 

결과물

 

 

 

 

 

required 속성 (유효성 검사)

form 태그에서 required 속성이 적용되는 input 태그 , radio , textarea 태그들은 모두 유효성 검사를 해줄 필요가 없다. 하지만 required 속성이 안 먹히는 것은 모두 유효성 검사를 해주어야 한다.
checkbox 는 required 속성이 먹히지만 모든 체크박스에 required 속성을 주면 모든 체크박스에 체크를 해주어야 하기 때문에 required 속성을 주지 않도록 한다. (select는 유효성 검사를 해야 한다.)

 

event의 submit을 정의할 때 return false; 를 하게 되면 submit 은 하지 않고 이미 입력한 값은 그대로 유지시켜준다. 하지만 return; 를 하게 되면 이미 입력한 값까지 초기화 되어 다시 처음부터 입력을 해야한다. 그러므로 return false; 를 쓰는 것이 올바르다.