[조건] 1. 이메일 형식을 정규식으로 검사합니다. 2. 이메일과 비밀번호가 입력되지 않았다면 "아이디를 입력해주세요" 또는 "비밀번호를 입력해주세요" 안내문구가 나오며, 로그인이 되지 않습니다. 3. 이메일 형식이 맞지 않다면 "이메일형식에 맞게 입력해주세요" 안내문구가 나오고, 로그인이 되지 않습니다. 4. 비밀번호는 대문자가 포함되어야 합니다. 5. 대문자가 포함되지 않았다면 "대문자가 포함 되어야 합니다" 안내문구가 나오고, 로그인이 되지 않습니다. [html] 로그인 아이디 아이디를입력하세요 이메일형식에 맞게 입력해주세요. 비밀번호 비밀번호를입력하세요 대문자가 포함 되어야 합니다. 로그인 취소 [css] - 로그인 폼 구현하기 과 동일 [참고] 2021.08.26 - [프론트엔드/javaScri..
[조건] 1. 로그인 버튼을 클릭하면 form이 나옵니다. 2. 폼을 전송할 때 이메일 input 안의 값이 공백인 경우, "이메일을 입력하세요" 텍스트가 아래에 나옵니다. 3. 이메일이 입력되면 텍스트가 사라집니다. 4. 이메일이 입력되지 않으면 폼은 전송 되지 않습니다. 5. 패스워드도 동일합니다. [html] 로그인 아이디 아이디를입력하세요 비밀번호 비밀번호를입력하세요 로그인 취소 [css] button { display: inline-block; width: 150px; height: 35px; line-height: 35px; background: #9abdf5; color: #333; font-size: 14px; font-weight: 500; text-align: center; border..
- Total
- Today
- Yesterday
- javascript
- 프론트엔드
- paging-custom
- 페이징 커스텀
- 슬릭 슬라이드
- slick-slide
- Portal
- npm
- frontend
- CSS
- excel down
- node.js
- HTML
- file-saver
- 퍼블리싱
- 퍼블리셔
- 프론트엔드개발
- 리액트 포탈
- 로그인폼
- css3
- 개발
- react excel 다운
- react
- jQuery
- React.js
- react portal
- 제이쿼리
- excel custom
- 탭메뉴
- 디자인시스템만들기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |