잡동사니에도 사랑을

[21.09.29] writeForm(memberServlet) 본문

JAVA_EE/Servlet

[21.09.29] writeForm(memberServlet)

luvforjunk 2021. 9. 29. 21:45
728x90
반응형

 

 

우편번호 검색 버튼 클릭 시 우편번호 검색할 수 있는 창이 뜨도록 구현하려고 한다.

 

 

drop table member purge;

create table member(
name varchar2(30) not null,
id varchar2(30) primary key, --기본키, unique, not null, 무결성 제약 조건
pwd varchar2(30) not null,
gender varchar2(3),
email1 varchar2(20),
email2 varchar2(20),
tel1 varchar2(10),
tel2 varchar2(10),
tel3 varchar2(10),
zipcode varchar2(10),
addr1 varchar2(100),
addr2 varchar2(100),
logtime date);

 

 

//JavaScript
function checkWrite() {
	document.getElementById("nameDiv").innerText = "";
	document.getElementById("idDiv").innerText = "";
	document.getElementById("pwdDiv").innerText = "";
	document.getElementById("repwdDiv").innerText = "";

	if (document.writeForm.name.value == "")
		document.getElementById("nameDiv").innerText = "이름을 입력해주세요";
	else if (document.writeForm.id.value == "")
		document.getElementById("idDiv").innerText = "아이디를 입력해주세요";
	else if (document.writeForm.pwd.value == "")
		document.getElementById("pwdDiv").innerText = "비밀번호를 입력해주세요";
	else if (document.writeForm.pwd.value != document.writeForm.repwd.value)
		document.getElementById("repwdDiv").innerText = "비밀번호가 맞지 않습니다";
	else
		document.writeForm.submit();
}

//jQuery
$(function() {
	//회원가입
	$('#writeBtn').click(function() {
		$('#nameDiv').empty();
		$('#idDiv').empty();
		$('#pwdDiv').empty();
		$('#repwdDiv').empty();

		//id 속성
		/*if($('#name').val() == '') $('#nameDiv').html('이름 입력'); */

		//name 속성
		if ($('input[name="name"]').val() == '') {
			$('#nameDiv').html('이름 입력');
			$('#name').focus();
		} else if ($('input[name="id"]').val() == '')
			$('#idDiv').html('아이디 입력');
		else if ($('input[name="pwd"]').val() == '')
			$('#pwdDiv').html('비밀번호 입력');
		else if ($('input[name="pwd"]').val() != $('input[name="repwd"]').val())
			$('#repwdDiv').html('비밀번호 틀림');
		else
			$('form[name="writeForm"]').submit();
	});

	//로그인
	$('#loginBtn').click(function() {
		$('#idDiv').empty();
		$('#pwdDiv').empty();

		if ($('input[name="id"]').val() == '')
			$('#idDiv').html('아이디 입력');
		else if ($('input[name="pwd"]').val() == '')
			$('#pwdDiv').html('비밀번호 입력');
		else
			$('form[name="loginForm"]').submit();
	});
});
728x90
반응형