회원가입 및 회원 수정 시 중복 확인 해보기 정보
회원가입 및 회원 수정 시 중복 확인 해보기본문
필요에 의해 찾다가
웅프님이 공유해주신 코드를 토대로 코드 리팩토링을 진행 하였습니다.
<script>
function checkDuplicate(type) {
let url;
let fieldId;
let msgId;
let typeName;
switch (type) {
case 'id':
url = "ajax.mb_id.php";
fieldId = "#reg_mb_id";
msgId = "#msg_mb_id";
typeName = "아이디";
break;
case 'nick':
url = "ajax.mb_nick.php";
fieldId = "#reg_mb_nick";
msgId = "#msg_mb_nick";
typeName = "닉네임";
break;
case 'email':
url = "ajax.mb_email.php";
fieldId = "#reg_mb_email";
msgId = "#msg_mb_email";
typeName = "이메일";
break;
default:
return;
}
var fieldValue = $(fieldId).val();
var data = {};
data['reg_mb_' + type] = fieldValue;
if (type !== 'id') {
data['checkDuplicate' + type.charAt(0).toUpperCase() + type.slice(1)] = 1;
}
$.post(url, data, function(response) {
response ? $(msgId).html(response) : $(msgId).html('사용할 수 있는 ' + typeName + '입니다.');
});
}
</script>
사용법은 checkDuplicate('id') / checkDuplicate('nick') / checkDuplicate('email') 입니다.
이번에 저도 적용하면서 공유합니다.
버튼을 토대로 클릭 하시면 되겠습니다.
참고로 제가 쓴 예제 잠시 보여드리자면
아이디 중복 확인입니다. (tailwind)
<button type="button" class="btn_bo_sch basis-full sm:basis-3/12 focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-3 md:px-5 py-2.5 my-5 sm:mb-0 sm:mt-0 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-900" onclick="checkDuplicate('id')">아이디 중복확인</button>
좋은 자료 공유해주신 @웅프 님께 감사의 말씀 드립니다.
!-->!-->
추천
10
10
댓글 8개
유용한 코드네요. 공유 감사합니다.
오호 감사합니다 ^^
스크랩 추가요 ^^
감사 합니다.
좋아요 추천합니다.
감사합니다.
감사합니다
유용한 팁 감사합니다.