본문 바로가기
공부/웹디자인

드림위버 ) 텍스트 필드의 유효성 검사 (이메일주소를 형식에 맞게 잘 썼는지)

by Ohming 2011. 12. 29.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
출처 : 실력이 탐나는 드림위버 CS5

이메일을 입력해야하는 폼을 클릭하고 -> 비헤이비어 추가를 누른 후 -> 양식 유효성 검사를 선택한다.
양식유효성검사 에서 필드는 두번째 'input "st Email"'을 선택하고 값을 '필수'로 선택한다. 그러면 'RisEmail'이 표시된다.
그리고 허용에서 '전자메일주소'를 선택해주면 된다.

확인을 누른 후 '양식 유효성 검사'로 나오는지 액션은 'onBlur'인지 확인한다.

** onBlur 이벤트 : 텍스트 필드에 커서를 놓았다가 다른 텍스트 필드나 텍스트 영역 필드 등을 클릭할 때 액션이 발생한다.


그리고 코드부분을 봐야하는데! 자바스크립트부분을 찾아서 아래처럼 블록지정해 놓은 부분을 원하는 경고 메세지로 바꿔준다.

나는 책에 있는대로 '이메일 형식으로 입력해주세요.'를 입력했다.


결과화면 : 이메일을 대충적고 비밀번호폼을 클릭하니 경고창이 뜬다.


댓글