[attribute] HTML - onsubmit 속성 ★ - 폼데이터 제출 시 실행 (= onsubmit속성 = 온서브미트속성/온서브밋속성) ※ onsubmit이벤트 = 온서브미트이벤트/온서브밋이벤트

1. onsubmit 예제 - 폼데이터 제출 시 실행
2. onsubmit 정의
3. 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 자리는 "함수명만" 사용해 함수 호출.
• 사용 방식 통일 권장.