day05
joinview.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>회원가입 폼</h3>
<form action="join" method="post" id="joinForm">
아이디 <input type="text" name="userid" id="userid"/><br>
비밀번호 <input type="password" name="userpw" id="userpw"/><br>
이름 <input type="text" name="username" id="username"/><br>
휴대폰번호 <input type="text" name="userphone" id="userphone"/><br>
<input type="button" value="회원가입" onclick="sendit()">
</form>
<script>
/*
validation check
- 아이디 : ""
- 비밀번호 : "" , 8자리 이상
- 이름 : ""
- 휴대폰번호 : ""
*/
function sendit() {
let frm = document.getElementById("joinForm"); // joinForm 접근
let idTag = document.getElementById("userid");
let pwTag = document.getElementById("userpw");
let nameTag = frm.username;
let phoneTag = frm.userphone;
if (idTag.value == ""){
alert("아이디를 입력하세요!");
idTag.focus();
return false;
}
if (pwTag.value == ""){
alert("패스워드를 입력하세요!");
pwTag.focus();
return false;
}
if (pwTag.value.length <8 ){
alert("패스워드를 8자리 이상으로 입력하세요!");
pwTag.focus();
return false;
}
if (nameTag.value == "" ){
alert("이름를 입력하세요!");
nameTag.focus();
return false;
}
if (phoneTag.value == "" ){
alert("핸드폰 번호를 입력하세요!");
phoneTag.focus();
return false;
}
}
</script>
</body>
</html>
결과값
회원가입 기본 폼
join.jsp
<%@page import="com.codingbox.dao.UserDao"%>
<%@page import="com.codingbox.vo.RegitVo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
String userid = request.getParameter("userid");
String userpw = request.getParameter("userpw");
String username = request.getParameter("username");
String userphone = request.getParameter("userphone");
RegitVo rVo = new RegitVo();
rVo.setUserid(userid);
rVo.setUsername(username);
rVo.setUserpw(userpw);
rVo.setUserphone(userphone);
UserDao udao = new UserDao();
boolean check = udao.join(rVo);
if(check == true){
// 회원가입 성공시
}else{
// 회원가입 실패시
}
%>
</body>
</html>
JoinServlet.java
package com.codingbox.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.codingbox.dao.UserDao;
import com.codingbox.vo.RegitVo;
public class JoinServlet extends HttpServlet{
@Override
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
String userid = request.getParameter("userid");
String userpw = request.getParameter("userpw");
String username = request.getParameter("username");
String userphone = request.getParameter("userphone");
RegitVo rVo = new RegitVo();
rVo.setUserid(userid);
rVo.setUsername(username);
rVo.setUserpw(userpw);
rVo.setUserphone(userphone);
UserDao udao = new UserDao();
boolean check = udao.join(rVo);
if(check == true){
// 회원가입 성공시
}else{
// 회원가입 실패시
}
}
}
RegitVo.java
package com.codingbox.servlet;
public class RegitVo {
private String userid;
private String userpw;
private String username;
private String userphone;
public String getUserid() {
return userid;
}
public void setUserid(String userid) {
this.userid = userid;
}
public String getUserpw() {
return userpw;
}
public void setUserpw(String userpw) {
this.userpw = userpw;
}
public String getUsername() {
return username;
}
public void setUsername(String username) {
this.username = username;
}
public String getUserphone() {
return userphone;
}
public void setUserphone(String userphone) {
this.userphone = userphone;
}
}
UserDao.java
package com.codingbox.dao;
import com.codingbox.vo.RegitVo;
public class UserDao {
public boolean join(RegitVo vo) {
// DB Connection
// insert
// ...
return true;
}
}