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