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