onsubmit 속성

정의

폼을 전송할 때 발생합니다.

1. 인라인으로 지정한 예

<head>
  ...
  <script type="text/javascript">
  function handleSubmit() {
      var frm = document.querySelctor('#form1');
      //유효성검사등 폼 전송 전에 실행하는 코드
      frm.submit();
      return false;
  }
  </script>
</head>
<body>
  ...
  <form id="form1" action="server/form.php"
        method="POST" onsubmit="handleSubmit()">
    ...
  </form>
  ...
</head>
</body>

2. 스크립트에서 지정한 예

<form id="form1" action="server/form.php"
      method="POST" onsubmit="handleSubmit()">
  ...
</form>
<script type="text/javascript">
document.querySelctor('#form1').submit = function () {
    //유효성검사등 폼 전송 전에 실행하는 코드
    this.submit();
    return false;
}
</script>
</body>

같은 형태로 사용할 수 있습니다.

발생 가능한 요소

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

 
html5/event/onsubmit.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki