TIL150 회원가입 DOM, form validation 설계 회원가입 특정 값은 반드시 입력해야 합니다 비밀번호는 특정 자릿수 이상이어야 하며, 숫자나 특수문자를 반드시 요구하기도 합니다 비밀번호와 비밀번호 확인란이 동일해야 합니다 신용카드 넘버가 유효한지 확인하는 경우도 있습니다 이제 버튼을 클릭했을 때, (혹은 실시간으로) 그 입력값이 유효한지 아닌지 판단하는 JavaScript 함수를 연결시켜 봅시다. 이를 유효성 검사(form validation)라고 하며, 실제 개발 과정에서 정말 많이 부딪히는 문제 중 하나입니다. 이번 시간에는 유효성 검사를 직접 구현해봅니다. 버튼 클릭등의 이벤트를 발생시키고, DOM을 통해 값을 얻어내고, 함수를 연결시키는 과정을 연습해봅시다. Achievement Goals 단순 입력, 체크박스, 라디오 버튼 등의 입력을 받을 수.. 2020. 2. 14. Element 담긴 내용 불러오기 innerHTML TAG 까지 포함 되서 포멧이 나온다. => 태그를 바꿔서 값을 할당 할 수 있다. textContent 2020. 2. 14. Adding Event Handler Event: 어떠한 동작의 발생을 전달하기 위해 객체가 메세지를 보낸다. ex) 웹페이지의 로드 버튼의 클릭 브라우저 창의 Resize Dom을 이용해 이벤트 핸들러를 추가할 수 있음. onEventName (onClick) console.dir 은 엘리먼트를 확인 할 수 있는 방법 => 객체를 보여준다. A => li class="comment hello world" id="test A className => comment hello world A classList => [comment, hello, world] 유사배열 A classList[0] => comment A classList contains('comment') => true A attributes => class, id 나눠서 보여준다. 2020. 2. 14. prev 1 2 3 4 5 6 7 8 ··· 50 next