미

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

· 2023-12-15 (금) 13:46:08 · 3802 · 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 조회 4,052
24-01-14 조회 3,601
24-01-12 조회 3,397
24-01-01 조회 4,232
23-12-25 조회 3,655
23-12-24 조회 4,208
23-12-20 조회 3,357
23-12-19 조회 4,207
23-12-18 조회 2,918
23-12-15 조회 3,803
23-12-08 조회 3,562
23-12-05 조회 4,875
23-12-01 조회 3,766
23-11-26 조회 4,155
23-11-21 조회 4,720
23-11-20 조회 4,660
23-11-19 조회 3,694
23-11-16 조회 3,781
23-11-15 조회 3,576
23-11-15 조회 3,486
23-11-12 조회 4,634
23-11-09 조회 4,796
23-11-02 조회 3,717
23-11-02 조회 3,389
23-10-30 조회 3,940
23-10-23 조회 4,666
23-10-18 조회 3,793
23-10-17 조회 3,287
23-10-07 조회 4,866
23-10-04 조회 3,376