JavaScript を使用したフォーム送信を傍受して阻止するにはどうすればよいですか?

防止のためにフォーム送信を傍受する

変更できない既存の送信ボタンを持つフォームがあり、その送信が妨げられている状況これは JavaScript を通じて実現できます。

送信イベントをキャッチして発生を防ぐには、次の手順を実行できます。取得:

送信イベントのキャッチ:

1. フォーム要素の検索:

   const form = document.querySelector('form');

2. 「送信」用のフォームにイベントリスナーを追加します。イベント:

   form.addEventListener('submit', handleSubmit);

送信の防止:

イベント ハンドラー関数 (この場合は「handleSubmit」) 内で、送信を防ぐことができます。

1. 呼び出しによる送信アクションイベント オブジェクトのPreventDefault():

   const handleSubmit = (e) => {
     e.preventDefault();
   };

2. さらに、AJAX フォーム送信の場合、false を返すと、デフォルトのフォーム アクションがさらに阻止されます:

   function handleSubmit(e) {
     e.preventDefault();
     // Insert your custom logic here
     return false;
   };

注: 提供された回答で強調表示されているように、JavaScript エラーが発生した場合return false ステートメントの前でも、フォームは送信されます。これに対処するには、try...catch ブロックを使用して潜在的なエラーを処理し、そのような場合でもフォームが送信されないようにすることを検討してください。

以上がJavaScript を使用したフォーム送信を傍受して阻止するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。