Javascript - 유효성 검증 꿀팁(문자열, 정수형, 객체 등)

웹 개발을 하다보면 서버에서도 유효성 검증을 필수로 하지만 프론트에서 1차적으로 필터링을 해주면 아무래도 서버에 부하도 적어지고 데이터 타입등 유효하지 않은 데이터를 걸러낼수 있어서, 자바스크립트를 통해 필수적으로 ajax나 submit 처리 전에 데이터 검사를 하게 됩니다.

 

 

문자열 검사하기

문자열을 검사하고 싶으면 생각보다 굉장히 간단하게 검사할 수 있습니다.

기존에는 undefined, null, 공백값등을 체크하는 조건문을 길게 쓰기 싫어서 함수를 만들어서 적용하는 방식으로 사용하거나 조건문에 길게 나열하곤 했었는데, 그 모습은 아래와 같습니다.

 

let text;
if(text === undefined || text === null || text === ''){
	alert("문자열이 비었습니다.");
}

하지만 실상 빈값에 대한 유효성 검증은 변수에 !(not 연산자) 하나만 붙여주면 됩니다.

 

 

 

NOT연산자 하나를 통한 유효성 검증

let text = '';
if(!text){
	alert("문자열이 비었습니다.");
}

!undefined //true
!null      //true
!''        //true
!0         //true
!NaN       //true