<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<script type="text/javascript">
	$( document ).ready(function(){
		$("#email3").change(function(){
			var txt = $(this).val();
			if(txt != "0"){
				$("#email2").val(txt);
				$("#email2").attr("readonly","readonly");
			}else{
				$("#email2").val("");
				$("#email2").removeAttr("readonly");
			}
		});
	});
	
	
	
	function selectUserId(){
		
		var userNm =$('#userNm').val();
		if(userNm == ''){
		   	alert("이름를 입력해 주세요"); return;
		}
		
		var emailAdres = $("#email1").val() + "@" +  $("#email2").val();
// 		$('#emailAdres').val(email);
		if($('#email1').val() == '' || $('#email2').val() == ''){
		   	alert("이메일 주소를 입력해주세요."); return;
		}
		
		var regExp = /^(\w*)(@{1})([a-z]{1,}(\.{1})[a-z]{2,3})$/gi
		if(!regExp.test(emailAdres)){
			alert("올바르지 않은 이메일 형식입니다."); return;
		}
		
		var params={
			"emplyrNm" : userNm
			, "emailAdres" : emailAdres
		}
		$.ajax({
			type:"POST"
			, url:"<c:url value='/kcc/web/user/join/selectUserIdAjax.do'/>"
			, data:params
			, dataType:'json'
			, timeout:(1000*30)
			, success:function(data){
				if(data.usedNmList.length > 0 ){
					var userId = "";
					for(var i=0; i < data.usedNmList.length ; i++){
						if(i == 0){ userId = data.usedNmList[i].emplyrId;
						} else{ userId += ", "+data.usedNmList[i].emplyrId;}
					}
					alert("등록되어 있는 회원 Id : " + userId);
				}else{ 
					alert("등록되어있는 회원이 없습니다. 다시 확인 부탁드립니다..");return;
				} 
			},
			error:function(request , status, error){
				alert("중복확인이 실패되었습니다.");
				//alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
			}
		});
	}
</script>
	<div class="member_pw">아이디 찾기</div>
	<div class="table_area">
		<table class="write">
			<caption>ID 찾기</caption>
			<colgroup>
				<col style="width: 120px;" />
				<col style="width: *;" />
			</colgroup>
			<tbody>
				<tr>
					<th scope="row">이름</th>
					<td><input class="in_w20" id="userNm" name="userNm" type="text" /></td>
				</tr>
				<tr>
					<th scope="row">이메일</th>
					<td>
						<input name="" id="email1" type="text" title="이메일 아이디" value="" class="emailId inp" /> @ 
						<input name="" id="email2" type="text" title="이메일 주소" value="" class="emailAddr emailDomainForm inp" /> 
						<label for="sr_email_more" class="hidden">이메일 도메인 선택</label> 
						<select id="email3" name="" class="input_select select_email_js" title="직접입력 선택시 자동활성화&amp;포커스 이동">
							<option value="0" selected>메일주소입력</option>
							<option value="naver.com" 	label="naver.com"></option>
							<option value="gmail.com" 	label="gmail.com"></option>
							<option value="hanmail.net" label="hanmail.net"></option>
							<option value="daum.net" 	label="daum.net"></option>
							<option value="yahoo.co.kr" label="yahoo.co.kr"></option>
						</select> 
						<input type="hidden" name="emailAdres" id="emailAdres">
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	
	<div class="button_area alignc">
		<a class="btn save" href="javascript:selectUserId();"title="찾기">
	<!-- 			<a class="btn save" href="/kcc/web/user/findView.do"title="찾기"> -->
			<span>찾기</span> 
		</a>
	</div>
