😎 STS3 Spring 쇼핑몰

😎 STS3 Spring 쇼핑몰

STS3 쇼핑몰 프로젝트[6] 회원 가입 유효성 검사(3)

순서 1. 이름 유효성 검사 2. 이메일 유효성 검사 3. 인증번호 유효성 검사 4. 주소 유효성 검사 5. 최종 유효성 검사 및 전송 6. 테스트 1. 이름 유효성 검사 회원가입 버튼 작동 메서드 내부에 아래의 코드를 추가합니다. 코드를 해석하면 이름(name) 입력란이 아무것도 입력되지 않았을 때 span 태그가 보이도록 하고 nameCheck 변수는 false를 대입합니다. 이름(name) 입력란에 입력이 되어 있다면 span 태그는 사라지게 하고 nameCheck에 true를 대입합니다. /* 이름 유효성 검사 */ if(name == ""){ $('.final_name_ck').css('display','block'); nameCheck = false; }else{ $('.final_name_c..

😎 STS3 Spring 쇼핑몰

STS3 쇼핑몰 프로젝트[6] 회원 가입 유효성 검사(2)

순서 1. 비밀번호 유효성 검사 2. 비밀번호 확인 입력 검사 3. 비밀번호 확인 일치 검사 1. 비밀번호 유효성 검사 회원 가입 버튼 작동 메서드 내부에 아래의 코드를 추가합니다. 코드를 해석하면 비밀번호(pwd) 입력란에 아무것도 입력이 되지 않았을 때 span 태그가 보이도록 하고 pwCheck 변수에 false를 대입합니다. 비밀번호(pwd) 입력란에 입력이 되어 있다면 span 태그는 사라지게 하고 pwCheck 변수에 true를 대입합니다. /* 비밀번호 유효성 검사 */ if(pwd == ""){ $('.final_pw_ck').css('display','block'); pwCheck = false; }else{ $('.final_pw_ck').css('display', 'none'); pw..

😎 STS3 Spring 쇼핑몰

STS3 쇼핑몰 프로젝트[6] 회원 가입 유효성 검사(1)

순서 1. 유효성 검사 통과 유무 변수 선언 2. form 전송 막기 3. 입력값 변수 선언 4. span 태그 추가 5. 아이디 유효성 검사 6. 아이디 중복 검사 유효성 검사 1. 유효성 검사 통과 유무 변수 선언 스크립트 문 상단 부분에 아래의 코드와 같이 변수를 선언한 뒤 false로 초기화합니다. var idCheck = false;// 아이디 var nameCheck = false;// 이름 var phoneCheck = false;// 전화번호 var mailCheck = false;// 이메일 var mailnumCheck = false;// 이메일 인증번호 확인 var pwdCheck = false;// 비밀번호 확인 var addressCheck1 = false // 주소 2. form..

😎 STS3 Spring 쇼핑몰

STS3 쇼핑몰 프로젝트[5] 주소록 API 연동

순서 1. 외부 스크립트 파일 연결 코드 추가 2. 주소 검색 기능 메서드 추가 3. 다음 주소 팝업창 코드 추가 4. 주소 입력창과 메서드 연결 5. 테스트 6. 주소 입력 예제 코드 추가 7. 테스트 1. 외부 스크립트 파일 연결 코드 추가 다음 주소록 API를 사용하기 위해 join.jsp에 외부 스크립트 파일을 연결하는 코드를 추가합니다. 2. 주소 검색 기능 메서드 추가 주소 API 기능을 사용하기 위한 메서드를 추가합니다. 이름은 execPostCode로 정했습니다. /* 다음 주소 연동 */ function execPostCode(){ } 3. 다음 주소 팝업창 코드 추가 메서드 내용에 주소를 검색하는 팝업창을 띄우는 코드를 추가합니다. (다음 주소 API 홈페이지에 있습니다. ) 4. 주소..

개발자 린다씨
'😎 STS3 Spring 쇼핑몰' 카테고리의 글 목록 (13 Page)