[JavaScript] 아이디 중복 체크 여부 기능 만들기

처음 생각

1. 중복확인 버튼에 value값으로 N을 두었다. 이 값은 중복확인 버튼을 클릭 + 입력 아이디가 중복값이 아닐 경우 Y로 바뀐다.

2. JQuery validate의 submitHandler에서 if else문으로 1의 값이 N이면 아이디 중복확인을 하라는 alert창을, Y면 그대로 가입이 되도록 하면 될 것이라고 생각함

 

안 된 이유

1. submitHandler는 이미 submit 버튼을 누른 상태에서 실행되는 부분이기 때문에 여기에다 if else문을 아무리 줘봤자 결과는 submit으로 돌아간다...!

2. value값 변경도 안 됐었는데, 이거는 value값을 전역변수로 정해준 후에 수정하니 해결됐다.... 내가 은근히 많이 하는 실수. function 안에서 해놓고 function 밖에서도 실행되길 바라는 나 ^^

 

내가 선택한 방법

➡️회원가입 버튼을 클릭했을 때 중복확인을 했는지 안 했는지 체크하고 싶었다. 그래서 애초에 회원가입 버튼을 type="button"으로 주고 시작했다.

➡️그리고 회원가입 버튼을 클릭했을 때 if else문으로 중복확인 버튼의 value값이 N이면 중복체크 안내 alert창을,

값이 Y면 type="button"이었던 버튼을 type="submit"으로 변경해줬다.

 

function isCheckId(){
if(isCheckIdVal === 'N'){
alert('아이디 중복을 확인해 주세요.');
}
else{
$('#joinBtn').attr('type', 'submit');
}
}