반응형 유효성검사 반응형 4 spring 홈페이지 - (15) 회원가입 작업 (feat.아이디 중복체크/비밀번호 암호화) 안녕하세요. 오랜만에 웹사이트 만드는 포스팅을 하네요. 이게 워낙 길기도하고.. 포스팅할것이 많다보니 저도 모르게 손을 놓고 있었네요..ㅋㅋ 이젠 다시 진행하려하는데 우선은 회원 기능이 있어야 다른 기능도 수월하다 생각하여 회원가입 먼저 진행하겠습니다. 아래는 구현화면입니다. 중복 체크 유효성 검사 (프로젝트는 이전 프로젝트에서 이어서 진행하는 점 참고 바라며, 프로젝트를 참조하지 않아도 기능만 확인하는데는 문제 없다고 생각합니다.) 우선은 header.jsp에서 의 주석 위에 버튼 두개를 만들어줍니다. 하나는 회원가입, 하나는 로그인 버튼이죠! Header.jsp 로그인 회원가입 그리고 옆에 메세지표시랑 알람표시는 사용하지 않을거니 지워주도록 하죠. 부터 위의 까지 지워줍니다. 조금더 깔끔해졌죠. 그리.. 2021. 4. 1. Spring 홈페이지 - (9) 게시판 등록 페이지 작업 이번 시간은 게시판 등록 페이지를 만들어보겠습니다. 등록페이지의 특징은 컨트롤러를 Get방식하나, Post방식하나 해서 총 2개의 컨트롤러를 만들어야합니다. get방식은 등록페이지를 보여주는 화면과 Post방식은 자료를 등록하기 위한 컨트롤러입니다. 작업순서는 아래의 순서로 진행하겠습니다. Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml 먼저 리스트 페이지에 등록 버튼을 생성해줍니다. list.jsp DataTables Example Name Position Office Age Start date Salary 등록 그리고 화면을 확인하고자 간단한 컨트롤러부터 생성합니다. Controller @RequestMapping(value = "/.. 2021. 1. 29. [JQuery]URL 정규표현식 및 유효성검사 방법 안녕하세요. 오늘은 URL만을 입력할 수 있는 정규식표현과 이에따른 유효성검사를 알아보겠습니다. 우선 정규표현식이란 문자열의 특정 패턴을 찾고, 찾은 패턴을 가지고 추출, 삭제, 치환 등 문자열을 컨트롤 할 수 있는 표현식이라 할 수 있습니다. 또한 유효성검사란 이름의 셀 값을 사용자가 지정한 포맷에 맞는지 자동으로 확인해주는 기능입니다. 저는 url만을 입력해주는 칸이 필요해서 만들어보았습니다. URL주소를 입력할 경우 등록하시겠습니까란 알림창이나오고 잘못입력할 경우 경고 알람창이 뜨도록 하였습니다. HTML 입력할 수 있도록 input을 생성하고 등록버튼과 취소버튼을 생성합니다. 등록버튼에 onclick으로 함수를 넣어 유효성검사를 할 수 있도록 합니다. 1 2 3 4 5 6 7 8 9 10 11 1.. 2020. 12. 29. [HTML&JQUERY] 이메일 형식 입력하는 방법 & 유효성 검사 (영상 有) 안녕하세요. HTML 과 JQUERY를 이용하여 이메일 형식만 입력할 수 있는 방법과 이에 대한 유효성 검사하는 방법에 대해 알아보겠습니다. 흔히들 많이 사용하는데 할때마다 잃어버려서 따로 정리해보았습니다. 오직 이메일 형식의 숫자 및 영문만 입력됩니다. 아래는 구현된 이메일형식의 영상이며, 이메일형식이 틀리게 입력할 경우 경고 메세지가 나오게 됩니다. HTML INPUT 두개를 만들어 아이디와 도메인이 입력될 수 있도록하고 select박스를 이용하여 도메인 선택란을 만들어줍니다. 그리고 onclick을 이용해서 선택한 도메인이 도메인 input에 입력될 수 있도록 함수를 만들어줍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 이메일 * @ -선택- naver.com g.. 2020. 12. 1. 이전 1 다음
