-
[JS] trim() 함수 이용해서 input 빈칸여부 체크하기Front/JavaScript 2023. 1. 17. 12:14
개발을 하다보면 input 의 빈칸여부를 확인해야될 때가 종종 있다.
예를 들어 로그인같은 경우, 아이디나 비밀번호가 빈칸일 경우 alert 를 띄워주는 경우도 있고..
이럴때에 아이디나 비밀번호가 빈칸인지 확인을 해주어야하는데이때 trim() 함수를 이용할 수 있다.
사실 아래 코드처럼만 써주어도 해당 문자열이 값이 없는지는 확인이 가능하다.
if (!id) { alert("아이디를 입력해주세요"); }
하지만 이럴 경우 예외가 생길 수 있다.
예를 들어 id 가 문자열이 아닌 스페이스로만 채워져있을때 말이다 ( id = " " )
이렇게 되면 위 조건문을 해당 id를 값이 없다고 판단하지 않아 alert를 띄우지 않는다.
따라서 이런 예외를 처리해주기위해 trim()을 사용할 수 있다.
if (!id.trim()) { alert("아이디를 입력해주세요"); }
이렇게 써주면 ( id = " " ) 이 경우에도 trim 이 id의 공백을 모두 제거해주어,
결론적으로 id는 값이 없는 빈칸이 된다.그럼 alert 도 정상적으로 띄워질 것이다.
* trim() 은 양쪽 공백을 제거해주는 함수
[JS] trim() 함수란? 양쪽 공백 제거하기 / 한쪽만 공백 제거하기
[JS] trim() 함수란? 양쪽 공백 제거하기 / 한쪽만 공백 제거하기
trim 함수는 양쪽 공백을 제거하고 원본 문자열을 수정하지 않고 새로운 문자열을 반환해주는 메서드이다. 즉 쉽게 말하면 어떤 문자열이 있을 때 양쪽 공백을 제거해준다 예를 들어 아래와 같이
12yeonii.tistory.com
input이 빈칸인지 아닌지 확인을 하여야되는 경우가 종종있는데, trim()을 사용하면 간단하게 예외처리까지 할 수 있어서 아주 유용한 것 같다 !
알려준 사람 : 지은언니 (감사합니다!!!!)
'Front > JavaScript' 카테고리의 다른 글
[JS] trim() 함수란? 양쪽 공백 제거하기 / 한쪽만 공백 제거하기 (0) 2023.01.17 [JS] 공백 적용 안될 때 문자열 안에 공백 주기 (0) 2023.01.15 [JS] 전달받은 텍스트 '\n' 줄바꿈 처리 (0) 2022.08.07 [JS] form 태그 내 onSubmit 이벤트 사용법 (0) 2022.07.15 [JS] onClick 함수 - 파라미터 전달하기 (0) 2022.07.11