preventDefault

JS - [Login 기능 - Input / form / event object(preventDefault) ]

1. input HTML에 다음과 같이 코드 작성 후 JS에서 다음과 같이 login-form id 아래의 input과 button 요소을 가져왔다. value는 input에 입력한 텍스트 값을 의미한다. 따라서 [ HTML element.value ]와 같이 input 태그에 사용자가 입력한 값을 받아올 수 있다. 이번엔 username(사용자가 입력한 값)의 유효성을 검사해보자. username이 비어있어도, 너무 길어도 안 된다. 아래와 같이 username이 공백이거나 15자를 초과하면 알림창을 띄우도록 설정했다. 이러한 방법을 사용해도 되지만, 브라우저 자체의 기능을 이용할 수도 있다. input 태그 안에 required 값을 넣으면 필수 입력항목이 되고, maxlength=" " 값을 넣으면..