minlog
article thumbnail
[ Spring ] 회원가입 유효성 검사 및 성공·실패 여부 - (3) 회원가입
BackEnd/Spring Boot 2023. 3. 2. 14:35

회원가입 유효성 검사 1. 회원가입 화면 📑 join.jsp -html 아이디 중복확인 비밀번호 비밀번호확인 사용자 이름 나이 성별 남자 여자 이메일 1) form을 통해 전달할 값에 name(실제 데이터로 넘어갈 값)과 id(유효성 검사를 위한 값) 속성을 추가한다. 1) 유효성 검사 후 회원가입이 실행되기 위해 으로 설정한다. 2) 버튼 클릭시 onclick="함수명" 을 속성으로 함수가 실행된다. 2. 유효성 검사 결과 출력 팝업 -html × 메세지 확인 Close 1) 검사 결과 부적합 시 모달 창으로 에러 메세지를 출력한다. 3. 유효성 검사 구현 - javascript function goInsert(){ var getCheck= RegExp(/^[a-zA-Z0-9]{4,12}$/);//비밀..

article thumbnail
[ Spring ] 비밀번호 일치 확인 - (2) 회원가입
BackEnd/Spring Boot 2023. 3. 2. 14:35

비밀번호 일치 확인 1. 회원가입 화면에 비밀번호와 비밀번호 확인을 하는 태그 생성 📑 join.jsp - html 비밀번호 비밀번호확인 1) 비밀번호 재확인시 동일해야 회원가입이 가능하다. onkeyup="passwordCheck()" 으로 선택이 된 상태가 되면, 메서드가 실행이 된다. 2. 비밀번호 값의 일치를 확인해주는 스크립트 - javascript function passwordCheck(){ var memPassword1=$("#memPassword1").val(); var memPassword2=$("#memPassword2").val(); if(memPassword1 != memPassword2){ $("#passMessage").html("비밀번호가 서로 일치하지 않습니다."); }el..

article thumbnail
[ Spring ] 아이디 중복 체크 ajax 사용 - (1) 회원가입
BackEnd/Spring Boot 2023. 3. 2. 14:34

아이디 중복확인 1. 컨트롤러에서 회원가입 페이지로 이동. 📑 MemberController.java @Autowired MemberMapper memberMapper; @RequestMapping("/memJoin.do") public String memJoin() { return "member/join"; // join.jsp } 1) @Autowired 데이터 베이스 관련 메서드를 실행하는 객체(MemberMapper.java)를 연결 2) @RequestMapping "URI : memJoin.do " 요청이 왔을때, WEB-INF/views/memeber/join.jsp 페이지로 이동 📑 MemberMapper.java @Mapper //- Mybatis API public interface M..