일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- C언어
- JavaScript
- Tomcat
- C
- java
- Valid groups
- 프로그래머스
- 프로젝트
- spring
- vue-cookies
- sqlplus
- node.js
- 톰캣
- chrome mobile debug
- 유효성 그룹
- js
- Thymeleaf
- 그룹별 유효성 검사
- oracle
- GUI
- 크롬 디버깅
- 코딩테스트연습
- 타임리프 리로드
- CSS
- devtools
- db
- Swing
- CLASS
- HTML
- MySQL
Archives
목록Front-end/javascript (2)
개발 기록
onsubmit: form 전송 전 검증 방법
form 태그에 input type="text"가 하나면, input 태그에서 엔터를 쳤을 때 submit이 발생한다. 인증 위 코드처럼 인증번호를 전송하기 전에 유효성를 하고 서버로 넘겨야 하는데 엔터를 쳐버리면 바로 submit이 되버린다. form 태그 이벤트 중 onsubmit을 이용하면 submit 전에 필요한 작업을 수행할 수 있다. 인증 boolean이 반환 되는 함수 앞에 return을 붙일 시 true이면 submit을 수행하고 false일 경우 submit을 수행하지 않는다. 엔터를 쳤을 때와 버튼을 눌렀을 때 둘 다 유효성 검사 후 submit을 할 수 있다.
Front-end/javascript
2022. 6. 8. 09:51