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 포인트
3년 전
<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년 전
많이 배우고갑니다 붉은바람님 감사합니다 ^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인