양식을 제출할 때 html 이벤트 속성 onsubmit이 트리거됨

Example

양식이 제출될 때 섹션 실행 JavaScript:

<form action="demo_form.asp" onsubmit="checkForm()">

Browser support

IE

Firefox

Chrome

Safari

Opera

모든 주요 브라우저는 제출 시 지원 속성.

정의 및 사용법

onsubmit 속성은 양식이 제출될 때 트리거됩니다.

onsubmit 속성은

에서만 사용됩니다.

HTML 4.01과 HTML5의 차이점

없음.

Syntax

<form onsubmit="script">

Property Value

Value	Description
script	onsubmit이 발생할 때 실행할 스크립트입니다.

일상적인 개발에서는 양식을 제출하기 전에 확인을 추가해야 하는 경우가 많습니다(날짜 형식이 올바른지 확인, 입력이 비어 있는지 확인...). 가장 먼저 떠오르는 것은 onsubmit 이벤트, 제출에서 유형 버튼 을 클릭하면 양식의 onsubmit() 이벤트가 먼저 트리거됩니다. 이 시점에서 우리는 자체적으로 검증을 작성할 수 있습니다. 코드는 다음과 같습니다.

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   
               <input type="submit" name="save" value="保存" />   
</form>

그러나 양식의 submit() 이벤트를 직접 호출하면 onsubmit()이 실행되지 않습니다.

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   ”>   
               <input type="button" name="save" value="保存" onclick=”this.form.submit();” />   
</form>

onsubmit 이벤트를 호출하려는 경우. 이 이벤트를 실행하려면 다음 방법으로만 호출할 수 있습니다.

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   ”>   
               <input type="button" name="save" value="保存" onclick=”this.form.onsubmit();” />   
</form>

위 내용은 양식을 제출할 때 html 이벤트 속성 onsubmit이 트리거됨의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!