Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptのonsubmitイベントとは何ですか？

onsubmitイベントは、フォームを送信しようとしたときに発生するイベントです。このイベントタイプに対してフォーム検証を行うことができます。次の例は、onsubmitの使用方法を示しています。ここでは、フォームデータをWebサーバーに送信する前にvalidate（）関数を呼び出しています。 validate（）関数がtrueを返す場合、フォームは送信されます。それ以外の場合、データは送信されません。

例

次の例は、onsubmitイベントの使用法を示すコードスニペットです-

<html>
   <head>
      <script>
         <!--
            function validation() {
               all validation goes here
               .........
               return either true or false
            }
         //-->
      </script>
   </head>
   <body>
      <form method = "POST" action = "t.cgi" onsubmit = "return validate()">
         .......
         <input type = "submit" value = "Submit" />
      </form>
   </body>
</html>

  1. JavaScriptでのoninvalidイベントの使用法は何ですか？

    に追加されたフィールド値が無効な場合、oninvalidイベントがトリガーされます。ユーザーが送信前にフォームに入力するのを忘れた場合は、メッセージを追加してください。 例 次のコードを実行して、 oninvalidを実装する方法を学ぶことができます。 JavaScriptのイベント。 <!DOCTYPE html> <html>    <body>       <script>          function resetFunct()

  2. JavaScriptでのイベントキャプチャとは何ですか？

    イベントキャプチャ イベントキャプチャ イベントは最上位の要素からターゲット要素まで開始されます。 イベントバブリングの反対です。 、ターゲット要素から最上位要素まで。 コードの詳細 次のコードでは、bodyセクションで3つのdiv要素が取得され、それらがネストされるようにスタイルが適用されています。 addEventListener を使用して、各divタグにイベントハンドラーを追加します （）。 ここでイベントが「クリック」であることを確認してください 「イベント。 addEventListener（） メソッドは3つのパラメーターを受け入れます。 a）アクセスしようとし