목차
- onsubmit 예제 - 폼데이터 제출 시 실행
- onsubmit 정의
- onsubmit 구문
onsubmit 예제 - 폼데이터 제출 시 실행
<form action="/action_page.php" onsubmit="homzzang()">
별명: <input type="text" name="nick">
<input type="submit" value="확인">
</form>
<script>
function homzzang() {
alert("폼데이터 전송됨");
}
</script>
onsubmit 정의
폼데이터 제출 시 실행할 코드 지정.
1. onsubmit 속성 사용 가능 태그 종류
<form>
2.
모든 브라우저 지원.
onsubmit 구문
HTML 방식
- <element onsubmit="myScript">
JS 방식 (3가지)
- object.onsubmit = ()=>{myScript};
- object.onsubmit = function(){myScript};
- object.addEventListener("submit", myScript);
[속성값]
myScript
폼데이터 제출 시, 실행할 JS 코드
- 주의: 함수명 사용 시, 다른 곳은 전부 소괄호까지 사용해 함수 호출하나 핑크색 myScript 자리는 "함수명만" 사용해 함수 호출.
- 사용 방식 통일 권장.