• 목록
  • 아래로
  • 위로
  • 5
  • 260578
  • 조회 수 251

(여태까지 했던건 다 날아갔습니다... 저장 안 누르고 내용을 싹 다 날려버렸어요)

<p>아이디: <input maxlength="12" type="text" id="idid" name="id"></p>
                                <button type="button" onclick="                
                                ">중복 확인</button>
                                <span id="check" style="color: gray; font-size: 0.8em">아이디 중복 확인이 필요합니다.</span>
<input type="hidden" name="isChecked" value="no">






버튼을 누르면 'idid'에 입력된 내용을 불러와서 DB에 있는 id와 매칭해서 'check'에 있는 텍스트를 "아이디 중복확인이 완료되었습니다."로 바뀌게 하고, "isChecked"의 내용을 yes로 바꾸고 싶습니다..


그런데 제가 자바스크립트를 아직 배우지 못해서 구글링 해봐도 적용할 방법을 못 찾더겠군요


6시간동안 머리싸매고 검색하고 붙여넣다 질문글 올려봅니다

작성자
260578 58 Lv. (58%) 274630/278480EXP

반가워요!

댓글 5

title: 황금 서버 (30일)humit
profile image

모바일이라서 자세히 쓰기가 어려워 개락적인 방법을 알려드리겠습니다.

아이디를 입력받아서 중복을 체크할 수 있는 페이지를 만든 다음 XmlHttpRequest 로 해당 페이지에 요쳥을 보내서 받아온 응답으로 요소를 조작해주시면 됩니다.

comment menu
2019.01.19. 22:00

신고

"humit님의 댓글"

이 댓글을 신고 하시겠습니까?

260578 작성자 → humit
profile image

감사합니다!

comment menu
2019.01.20. 09:44

신고

"260578님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리
profile image
+1

저도 PHP, Javascript(jQuery), MySQL에 대해 쌩초보이고, ajax에 대해 제대로 이해하지 못하지만 용기를 내어 적어봅니다 ^^

일단 humit 님 말씀을 듣고 생각나는대로 작성하고 아직 테스트해보지 못해서 제대로 작동할 가능성은 없지만,

스포어의 고수님들께서 완성해주실 것으로 믿습니다 :)


일단 HTML에서 회원가입 form과 button은 완성하신 것 같군요~!

jquery를 불러오는 부분과 DB 처리와 관련된 부분은 일부 생략하겠습니다.


우선 form에서 받은 데이터를 ajax로 넘겨주는 부분입니다.


<script>
function checkID(){
   $.ajax({
   url: '/idcheck.php',
   type: 'POST',
   data: {'id' : $('#idid').val()},
   dataType: 'html',
   success: function(data){
    alert(data);
   }
 });
}
</script>



받아온 값으로 DB에서 중복된 아이디가 있는지 확인하는 부분(idcheck.php)입니다.


<?php
 $userid=$_POST['id'];
 $conn = mysql_connect(생략);
 $sql= " select count(*) from member where mb_id='$userid' ";
 $result=mysql_query($sql, $conn);
 $idexists=mysql_fetch_array($result);
 mysql_close($conn);
 $confirm=1;
?>



confirm 변수값을 받아서 isChecked의 value 값을 yes로 변경하고, #check의 텍스트도 변경해줍니다.


<script>
 var confirm="<?= $confirm?>";
 if(confirm==1){
   $("input[name=isChecked]").val('yes');
   $("#check").html("아이디 중복확인이 완료되었습니다.");
 }
</scpript>



마지막으로 idexists 변수값을 받아와서 중복 여부에 대해 유저에게 알려줍니다.


<script>
 var check="<?= $idexists[0]?>";
 if(check==1){
   alert("이미 사용중인 아이디입니다.");
 }
</script>



생각해보니 input 태그에 oninput을 넣어서 함수를 실행시켜야 할 것 같네요.

급하게 작성해서 틀린 부분도 많고 스포어의 고수님들께서 보시기에 우스꽝스러운 수준이지만 조금이나마 도움이 되셨으면 좋겠습니다~!

그럼 좋은 주말 되세요 ^^

comment menu
2019.01.19. 23:11

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

260578 작성자 → 이니스프리
profile image

감사합니다..

comment menu
2019.01.20. 09:43

신고

"260578님의 댓글"

이 댓글을 신고 하시겠습니까?

이니스프리 → 260578
profile image

도움이 되셨으면 좋겠네요~!

생각해보니 그누보드 같은 CMS의 소스를 뜯어보시면 관련된 소스를 찾으실 수 있을 것 같네요 ^^

comment menu
2019.01.20. 11:34

신고

"이니스프리님의 댓글"

이 댓글을 신고 하시겠습니까?

권한이 없습니다.
번호 제목 글쓴이 날짜 조회 수
공지 [작업 완료] 설 명절 맞이 서버 업데이트 안내 3 마스터 24.02.11.17:21 393
공지 [중요] 호스팅 만료와 관련하여 일부 수칙이 변경됩니다. 4 마스터 23.01.14.02:23 4075
공지 [필독] 질문하는 방법 17 마스터 18.02.23.03:09 4465
762 극저사양 테스트 서버 구축 OS 및 스포어 호스팅 수정승인대기 13 image Apache 20.06.28.12:03 290
761 오라클 클라우드 프리티어 가입이 안 되네요 ㅠㅠ 20 이니스프리 20.06.26.21:31 4827
760 웹 페이지에서 알 수 없는 공간을 없애고 싶은데.. 5 GsusWeb 20.06.25.14:59 96
759 정전 상태에서 인강을 들어야 되는데요 ㄷㄷ 17 이니스프리 20.06.24.21:51 210
758 호스팅 신청했는데요 도움 좀 부탁드립니다. 24 GsusWeb 20.06.20.21:34 227
757 사이트의 Slow query가 의심되어서 질문 드려요! ^^ 8 이니스프리 20.06.20.14:02 160
756 제 블로그 들어갈 때마다 ERR_CONNECTION_RESET 이 오류가 뜨는데 어째서일까요... 9 MYIG 20.06.19.22:53 399
755 그매햇던것이 라이믹스 에 안올라갑니다. 2 image 핫슈 20.06.19.20:52 72
754 코딩하실 때 어떤 브라우저를 기준으로 하시나요? 9 GsusWeb 20.06.19.17:49 127
753 HTML 과 PHP의 연동? 8 GsusWeb 20.06.19.08:34 168
752 구글과 사파리의 결과값에 차이가 있습니다. 조언 부탁드려도 될까요? 7 image GsusWeb 20.06.18.09:52 72
751 ls는 됫는대 압축풀기가 안되내요 ㅜㅜ 핫슈 20.06.16.21:15 42
750 퍼티에서 command 뜨면 없다는 것인가요? 2 핫슈 20.06.15.19:55 52
749 FTP 로 라이믹스 업로드 중 전송실패가 많다. 2 핫슈 20.06.14.19:51 74
748 JSP의 장단점에 대해 질문 드립니다. 21 이니스프리 20.06.09.21:42 218
747 오라클 클라우드로 vpn 구축하는 법? 2 joyfuI 20.06.09.15:44 690
746 Chrome와 Safari의 비밀번호 연동이 가능한가요? 10 갱생협스 20.06.06.21:24 126
745 게임 용어에 대해 질문 드립니다 (탱커/딜러/힐러) 21 이니스프리 20.06.05.20:45 2112
744 AWS elastic inference 끄는 법 아세요? 15 image 국내산라이츄 20.06.03.15:21 180
743 핸드폰 유심이 이상해요. 7 슬기 20.06.01.19:18 213