회원가입 및 회원 수정 시 중복 확인 해보기

· 2023-12-15 (금) 13:46:08 · 3409 · 9

필요에 의해 찾다가 

 

https://sir.kr/g5_skin/58008

 

웅프님이 공유해주신 코드를 토대로 코드 리팩토링을 진행 하였습니다.

 

978180634_1702615729.2409.gif

 

[code]

<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>

[/code]

 

사용법은 checkDuplicate('id') / checkDuplicate('nick') / checkDuplicate('email') 입니다.

 

이번에 저도 적용하면서 공유합니다.

 

버튼을 토대로 클릭 하시면 되겠습니다.

 

참고로 제가 쓴 예제 잠시 보여드리자면

 

아이디 중복 확인입니다. (tailwind)

 

[code]

<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>

[/code]

 

좋은 자료 공유해주신 @웅프 님께 감사의 말씀 드립니다.

|

댓글 9개

유용한 코드네요. 공유 감사합니다.

오호 감사합니다 ^^

스크랩 추가요 ^^

감사 합니다.

좋아요 추천합니다.

 감사합니다.

감사합니다

유용한 팁 감사합니다.
2025-09-25 (목) 21:39:58
감사합니다~ ^^
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
24-01-15 조회 3,573
24-01-14 조회 3,147
24-01-12 조회 2,990
24-01-01 조회 3,831
23-12-25 조회 3,268
23-12-24 조회 3,807
23-12-20 조회 2,965
23-12-19 조회 3,789
23-12-18 조회 2,535
23-12-15 조회 3,410
23-12-08 조회 3,172
23-12-05 조회 4,504
23-12-01 조회 3,365
23-11-26 조회 3,780
23-11-21 조회 4,313
23-11-20 조회 4,263
23-11-19 조회 3,277
23-11-16 조회 3,377
23-11-15 조회 3,199
23-11-15 조회 3,114
23-11-12 조회 4,242
23-11-09 조회 4,384
23-11-02 조회 3,349
23-11-02 조회 3,005
23-10-30 조회 3,559
23-10-23 조회 4,261
23-10-18 조회 3,398
23-10-17 조회 2,925
23-10-07 조회 4,482
23-10-04 조회 2,970