2026, 새로운 도약을 시작합니다.

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

필요에 의해 찾다가 

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개

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

오호 감사합니다 ^^

감사 합니다.

좋아요 추천합니다.

유용한 팁 감사합니다.
감사합니다~ ^^

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 110
2740 4일 전 조회 102
2739 1주 전 조회 208
2738 1주 전 조회 217
2737 1주 전 조회 181
2736 1주 전 조회 278
2735 3주 전 조회 281
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 266
2730 1개월 전 조회 224
2729 1개월 전 조회 353
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 330
2724 1개월 전 조회 358
2723 1개월 전 조회 267
2722 1개월 전 조회 299
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 201
2717 2개월 전 조회 336
2716 2개월 전 조회 202
2715 2개월 전 조회 311
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고