테스트 사이트 - 개발 중인 베타 버전입니다

ajax를 통한 id 중복체크 실패 채택완료

니냐노 3년 전 조회 5,185

a.php 

</p>

<pre>
<label for="occ_nick">아이디</label> <input type="text" id="mb_id" name="mb_id"
                                          minlength="2" value="" required>
<input type="button" value="중복확인" class="overlap_btn"></pre>

<pre>
<script>
    var makercolor = 'rgb(134,167,232)'
    $('.overlap_btn').click(function () {
        var reg_mb_id = $('#mb_id').val();

        $.ajax({
            type: 'post',
            url: 'makercheck.php',
            data: {mb_id: mb_id},
            success: function (data) {
                alert(data);
            }
        });
       if(data=='중복되지 않은 id입니다'){
          return false;
         }
        $(this).val("완료");
        $(this).css("background-color", makercolor);
        return true;
    });
</script></pre>

<p>

makercheck.php

</p>

<pre>
<?php
include_once('./_common.php');
$mb_id = trim($_POST['mb_id']);
$sql = "SELECT count(*) as cnt FROM g5_member WHERE mb_id = '$mb_id'";
$row = sql_fetch($sql);
if($row['cnt']>0) {
    die('중복된 id입니다');
}else{
    die('중복되지 않은 id입니다');
}
</pre>

<p>

이렇게 인데

 

여기부분이 제일 문제입니다

if(data=='중복되지 않은 id입니다'){   return false; }

 

1.이 data가 중복되지 않은 id면 배경색이랑  완료가 안뜨게되고 중복확인이라는 글자가 남게 하고싶은데 어떻게 해야될까요?

2.data값을  어떻게 가져와야되나요?

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

답변 1개

채택된 답변
+20 포인트
붉은바람
<label for="occ_nick">아이디</label> <input type="text" id="mb_id" name="mb_id"
                                          minlength="2" value="" required>
<input type="button" value="중복확인" class="overlap_btn">


<script>
    var makercolor = 'rgb(134,167,232)'
    $('.overlap_btn').click(function () {
        var reg_mb_id = $('#mb_id').val();

        $.ajax({
            type: 'post',
            url: 'makercheck.php',
            data: {mb_id: mb_id},
            success: function (data) {
                alert(data);
                if(data=='중복되지 않은 id입니다'){
                   $('.overlap_btn').val("완료").css("background-color", makercolor);
                   $('#mb_id').attr('readonly', true).addClass('readonly_cls');
                 }
            }
        });
       
        return true;
    });
</script></code></pre>

<p><code>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

니냐노
3년 전
많이 배우고갑니다 붉은바람님 감사합니다 ^^

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

답변을 작성하려면 로그인이 필요합니다.

로그인