일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- chrome mobile debug
- 타임리프 리로드
- Valid groups
- Tomcat
- sqlplus
- 유효성 그룹
- C언어
- 코딩테스트연습
- js
- CSS
- devtools
- 프로젝트
- 프로그래머스
- JavaScript
- java
- 그룹별 유효성 검사
- Thymeleaf
- node.js
- MySQL
- 크롬 디버깅
- spring
- 톰캣
- C
- HTML
- db
- CLASS
- GUI
- vue-cookies
- oracle
- Swing
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