05. etc

[JQuery] 배열로 자바스크립트 함수 실행여부 확인하기

devamy 2024. 6. 27. 10:44

회원가입 절차를 고치다가

아이디 중복확인을 하고나서 다음 단계를 눌렀을 때,

다시 아이디 중복확인이 필요하다는 알림창이 뜨는 이슈가 있었다.

 

javascript에서 다음 단계 버튼 클릭 시 실행되는 함수에서

아이디 중복확인을 했다는 것을 체크하지 않았기 때문에 문제가 발생한 것이다.

 

단 3줄의 코드로 이 문제를 해결했다.

배열을 이용하는 방법이다.

 

var arr = new Array(); //배열생성(모든함수에서 사용할수 있게 함수 바깥에 배열 선언)



//아이디 중복체크 함수 안에다가 작성해야 할 코드

//inputValue는 상수값이어도 됨(즉, 아무값이나 넣어도 됨)

arr.push(inputValue ); //inputValue를 arr에 push(배열에 값을 넣어줌)

});



//다음단계 실행 함수 안에다가 작성해야 할 코드

//배열의 길이를 확인하여 실행되었는지 체크

if(arr.length > 0){

"다음 단계로 이동하는 코드 작성"

}else{

alert('아이디 중복확인을 해주세요.');

}