새벽코딩

이번 포스팅에서는 form 의 input tag 안에서 1. input에 입력된 값을 get하는 방법 2. 그 값이 공백인 경우에 alert을 띄워주는 방법 3. 또한 값이 특정 길이 보다 짧을 경우에 alert을 띄워주는 방법을 알아 볼 예정이다. 아래와 같이 로그인을 위한 을 생성 한 후 로그인하세요 전송 닫기 미리보기 1. input에 입력된 값을 어떻게 get할까? 먼저, 위에 첫번째 input field는 email을 입력하는 부분이고, 해당 field에(id="email" 인 tag) 입력된 값이 무엇인지 아래와 같이 확인 할 수 있다. document.getElementById('email').value // id='email'인 요소의 value를 나타낸다 2. 입력값 (email 또는 p..

Input 태그는 사용자가 입력을 할 수 있는 태그이다. 아래와 같이 여러 종류의 input이 존재한다. - input에 뭔가 입력시 코드를 실행하려면, onChange 또는 onInput 과 같은 event handler를 사용한다. { 실행할코드 }}/> 그 외에, onMouseOver = { }# 이 요소에 마우스를 댔을 때 안의 코드 실행 onScroll = { } # 이 요소를 스크롤했을 때 안의 코드를 실행 등등 많이 존재한다. - input에 입력한 값 가져오는 방법 { console.log(e.target.value) }}/> onChange 안에 함수에 파라미터로 e를 추가해주고, e.target.value라고 적으면 현재 에 입력된 값을 가져올 수 있습니다. 참고로 e.target 이러..