フォームの送信時にトリガーされる HTML イベント属性 onsubmit

例

フォームが送信されたときにセクションを実行するJavaScript:

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

ブラウザのサポート

IE

Firefox

Chrome

Safari

Opera

すべての主要なブラウザはonsubmit 属性をサポートします。

定義と使用法

onsubmit 属性は、フォームが送信されたときにトリガーされます。

onsubmit 属性は

でのみ使用されます。

HTML 4.01とHTML5の違い

なし。

構文

<form onsubmit="script">

プロパティ値

値	説明
script	onsubmit が発生したときに実行するスクリプト。

日々の開発では、フォームを送信する前に検証を追加する必要があることがよくあります (日付形式が正しいかどうかを検証し、入力が空かどうかを検証します...)。最初に思い浮かぶのは、 onsubmit イベント、送信内 type ボタン がクリックされると、最初にトリガーされるのはフォームの 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 中国語 Web サイトの他の関連記事を参照してください。