From 2a3ca92ba0f1a69d276a7d2ccf6c0e695199fee4 Mon Sep 17 00:00:00 2001 From: SeoJin Kim Date: Thu, 3 Dec 2020 13:10:32 +0900 Subject: [PATCH] =?UTF-8?q?[Spring][=EC=87=BC=ED=95=91=EB=AA=B0=20?= =?UTF-8?q?=ED=94=84=EB=A1=9C=EC=A0=9D=ED=8A=B8][6]=ED=9A=8C=EC=9B=90?= =?UTF-8?q?=EA=B0=80=EC=9E=85=20=EC=9C=A0=ED=9A=A8=EC=84=B1=20=EA=B2=80?= =?UTF-8?q?=EC=82=AC(1)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1. 유효성 검사 통과 유무 변수 선언 2. form 전송 막기 3. 입력값 변수 선언 4. span 태그 추가 5. 아이디 유효성 검사 6. 아이디 중복검사 유효성 검사 --- .../main/webapp/WEB-INF/views/member/join.jsp | 47 +++++++++++++++++-- .../main/webapp/resources/css/member/join.css | 21 +++++++++ .../maven/com.vam/controller/pom.properties | 2 +- .../main/webapp/WEB-INF/views/member/join.jsp | 47 +++++++++++++++++-- .../main/webapp/resources/css/member/join.css | 21 +++++++++ .../maven/com.vam/controller/pom.properties | 2 +- 6 files changed, 128 insertions(+), 12 deletions(-) diff --git a/VamPa/src/main/webapp/WEB-INF/views/member/join.jsp b/VamPa/src/main/webapp/WEB-INF/views/member/join.jsp index 8615249..f8ba8bb 100644 --- a/VamPa/src/main/webapp/WEB-INF/views/member/join.jsp +++ b/VamPa/src/main/webapp/WEB-INF/views/member/join.jsp @@ -25,31 +25,36 @@ 사용 가능한 아이디입니다. - 아이디가 이미 존재합니다. + 아이디가 이미 존재합니다. + 아이디를 입력해주세요.
비밀번호
+ 비밀번호를 입력해주세요.
비밀번호 확인
+ 비밀번호 확인을 입력해주세요.
이름
+ 이름을 입력해주세요.
이메일
+ 이메일을 입력해주세요.
@@ -82,6 +87,7 @@
+ 주소를 입력해주세요.
@@ -95,11 +101,40 @@ var code = ""; //이메일전송 인증번호 저장위한 코드 + /* 유효성 검사 통과유무 변수 */ + var idCheck = false; // 아이디 + var idckCheck = false; // 아이디 중복 검사 + var pwCheck = false; // 비번 + var pwckCheck = false; // 비번 확인 + var pwckcorCheck = false; // 비번 확인 일치 확인 + var nameCheck = false; // 이름 + var mailCheck = false; // 이메일 + var mainumCheck = false; // 이메일 인증번호 확인 + var addressCheck = false // 주소 + $(document).ready(function(){ //회원가입 버튼(회원가입 기능 작동) $(".join_button").click(function(){ - $("#join_form").attr("action", "/member/join"); - $("#join_form").submit(); + + /* 입력값 변수 */ + var id = $('.id_input').val(); // id 입력란 + var pw = $('.pw_input').val(); // 비밀번호 입력란 + var pwck = $('.pwck_input').val(); // 비밀번호 확인 입력란 + var name = $('.user_input').val(); // 이름 입력란 + var mail = $('.mail_input').val(); // 이메일 입력란 + var addr = $('.address_input_3').val(); // 주소 입력란 + + /* 아이디 유효성검사 */ + if(id == ""){ + $('.final_id_ck').css('display','block'); + idCheck = false; + }else{ + $('.final_id_ck').css('display', 'none'); + idCheck = true; + } + + //$("#join_form").attr("action", "/member/join"); + //$("#join_form").submit(); }); }); @@ -119,10 +154,12 @@ $('.id_input').on("propertychange change keyup paste input", function(){ // console.log("성공 여부" + result); if(result != 'fail'){ $('.id_input_re_1').css("display","inline-block"); - $('.id_input_re_2').css("display", "none"); + $('.id_input_re_2').css("display", "none"); + idckCheck = true; } else { $('.id_input_re_2').css("display","inline-block"); - $('.id_input_re_1').css("display", "none"); + $('.id_input_re_1').css("display", "none"); + idckCheck = false; } }// success 종료 }); // ajax 종료 diff --git a/VamPa/src/main/webapp/resources/css/member/join.css b/VamPa/src/main/webapp/resources/css/member/join.css index 9041a9b..72ece00 100644 --- a/VamPa/src/main/webapp/resources/css/member/join.css +++ b/VamPa/src/main/webapp/resources/css/member/join.css @@ -267,6 +267,27 @@ color: white; } +/* 유효성 검사 문구 */ + +.final_id_ck{ + display: none; +} +.final_pw_ck{ + display: none; +} +.final_pwck_ck{ + display: none; +} +.final_name_ck{ + display: none; +} +.final_mail_ck{ + display: none; +} +.final_addr_ck{ + display: none; +} + /* float 속성 해제 */ .clearfix{ clear: both; diff --git a/VamPa/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties b/VamPa/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties index b4488a6..9bb2e3f 100644 --- a/VamPa/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties +++ b/VamPa/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties @@ -1,5 +1,5 @@ #Generated by Maven Integration for Eclipse -#Wed Nov 18 08:07:25 KST 2020 +#Thu Dec 03 12:42:51 KST 2020 version=1.0.0-BUILD-SNAPSHOT groupId=com.vam m2e.projectName=VamPa diff --git a/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/join.jsp b/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/join.jsp index 8615249..f8ba8bb 100644 --- a/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/join.jsp +++ b/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/join.jsp @@ -25,31 +25,36 @@
사용 가능한 아이디입니다. - 아이디가 이미 존재합니다. + 아이디가 이미 존재합니다. + 아이디를 입력해주세요.
비밀번호
+ 비밀번호를 입력해주세요.
비밀번호 확인
+ 비밀번호 확인을 입력해주세요.
이름
+ 이름을 입력해주세요.
이메일
+ 이메일을 입력해주세요.
@@ -82,6 +87,7 @@
+ 주소를 입력해주세요.
@@ -95,11 +101,40 @@ var code = ""; //이메일전송 인증번호 저장위한 코드 + /* 유효성 검사 통과유무 변수 */ + var idCheck = false; // 아이디 + var idckCheck = false; // 아이디 중복 검사 + var pwCheck = false; // 비번 + var pwckCheck = false; // 비번 확인 + var pwckcorCheck = false; // 비번 확인 일치 확인 + var nameCheck = false; // 이름 + var mailCheck = false; // 이메일 + var mainumCheck = false; // 이메일 인증번호 확인 + var addressCheck = false // 주소 + $(document).ready(function(){ //회원가입 버튼(회원가입 기능 작동) $(".join_button").click(function(){ - $("#join_form").attr("action", "/member/join"); - $("#join_form").submit(); + + /* 입력값 변수 */ + var id = $('.id_input').val(); // id 입력란 + var pw = $('.pw_input').val(); // 비밀번호 입력란 + var pwck = $('.pwck_input').val(); // 비밀번호 확인 입력란 + var name = $('.user_input').val(); // 이름 입력란 + var mail = $('.mail_input').val(); // 이메일 입력란 + var addr = $('.address_input_3').val(); // 주소 입력란 + + /* 아이디 유효성검사 */ + if(id == ""){ + $('.final_id_ck').css('display','block'); + idCheck = false; + }else{ + $('.final_id_ck').css('display', 'none'); + idCheck = true; + } + + //$("#join_form").attr("action", "/member/join"); + //$("#join_form").submit(); }); }); @@ -119,10 +154,12 @@ $('.id_input').on("propertychange change keyup paste input", function(){ // console.log("성공 여부" + result); if(result != 'fail'){ $('.id_input_re_1').css("display","inline-block"); - $('.id_input_re_2').css("display", "none"); + $('.id_input_re_2').css("display", "none"); + idckCheck = true; } else { $('.id_input_re_2').css("display","inline-block"); - $('.id_input_re_1').css("display", "none"); + $('.id_input_re_1').css("display", "none"); + idckCheck = false; } }// success 종료 }); // ajax 종료 diff --git a/VamPa_MySQL/src/main/webapp/resources/css/member/join.css b/VamPa_MySQL/src/main/webapp/resources/css/member/join.css index 9041a9b..72ece00 100644 --- a/VamPa_MySQL/src/main/webapp/resources/css/member/join.css +++ b/VamPa_MySQL/src/main/webapp/resources/css/member/join.css @@ -267,6 +267,27 @@ color: white; } +/* 유효성 검사 문구 */ + +.final_id_ck{ + display: none; +} +.final_pw_ck{ + display: none; +} +.final_pwck_ck{ + display: none; +} +.final_name_ck{ + display: none; +} +.final_mail_ck{ + display: none; +} +.final_addr_ck{ + display: none; +} + /* float 속성 해제 */ .clearfix{ clear: both; diff --git a/VamPa_MySQL/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties b/VamPa_MySQL/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties index d7ca204..f8350c8 100644 --- a/VamPa_MySQL/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties +++ b/VamPa_MySQL/target/m2e-wtp/web-resources/META-INF/maven/com.vam/controller/pom.properties @@ -1,5 +1,5 @@ #Generated by Maven Integration for Eclipse -#Wed Nov 18 08:07:26 KST 2020 +#Thu Dec 03 12:42:52 KST 2020 version=1.0.0-BUILD-SNAPSHOT groupId=com.vam m2e.projectName=VamPa_MySQL