member/join.jsp > SPRING1

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ include file="/WEB-INF/views/include/header.jsp" %>

<script>

$(document).ready(function(){

$("#userid").keyup(function(event){

if (!(event.keyCode >=37 && event.keyCode<=40)) {

$(this).val($(this).val().replace(/[^_a-z0-9]/gi,"")); //_(underscore), 영어, 숫자만 가능

}

$.ajax({

url: "/member/id_ok", //전송 페이지 경로

type: "get", //데이터 전송 방식

dataType: "text",

data: "userid="+$("#userid").val(),

error:function(){ //실패일 경우

alert("실패");

},

success:function(num){ //성공일 경우

if(num == 1) {

msg = "<font color=red>이미 존재하는 아이디입니다.</font>";

}else if(num == 0) {

msg = "<font color=blue>사용 가능한 아이디입니다.</font>";

}else if(num == 4) {

msg = "<font color=red>4자리 이상 입력하세요.</font>";

}

$("#id_result").html(msg);

}

});

});

});

</script>

<center>

<h3>JOIN PAGE</h3>

<form method="post">

<table>

<tr>

<td>아이디</td>

<td>

<input id="userid" name="userid"><br><span id="id_result"></span>

</td>

</tr>

<tr>

<td>비밀번호</td>

<td><input name="userpw"></td>

</tr>

<tr>

<td>이름</td>

<td><input name="username"></td>

</tr>

<tr>

<td>메일</td>

<td><input type="email" name="email"></td>

</tr>

<tr>

<td></td>

<td><button type="submit">회원가입</button></td>

</tr>

</table>

</form>

</center>

<%@ include file="/WEB-INF/views/include/footer.jsp" %>