유효성체크
-
[js] javascript validation 체크, 필수값, 유효성 검사, 핸드폰 형식,스크립트태그 입력 방지, 공백 불가WEB/FRONT 2021. 5. 12. 16:07
이번 포스팅은 자바스크립트를 이용한 사용자 입력값 체크에 대해서 다루겠습니다. 평소 사이트를 이용할때 "비밀번호 형식에 맞지 않습니다.", "비밀번호는 3~12자리 특수문자 포함입니다.", "핸드폰 형식에 맞지 않습니다", " 비밀번호는 필수 입력값입니다.","이미 사용하는 id입니다." 등을 만날수 있습니다. 여기서는 간단한 방법으로 입력값 유효성 검사를 하는 방법을 알아보겠습니다. (자바스크립트 이벤트 blur, change등의 개념을 필요로 합니다.) 결과 미리보기 로직 유효성 검사하고싶은 tag에 class check를 넣어준다. 사용자가 입력한다. (아무것도 입력하지않고 [등록] 버튼을 클릭시 전체 유효성 체크 발동) change 또는 blur가 일어날때 유효성 검사를 한다.(태그의 id, cl..