JavaScript フォームの送信を確実に停止して元に戻るにはどうすればよいですか?

JavaScript でのフォーム送信の停止

JavaScript ではさまざまな方法を使用してフォームの送信を防ぐことができます。質問で言及されている方法の 1 つは、特定の条件が満たされた場合に検証関数から false を返すことです。ただし、この場合、returnToPreviousPage() 関数を呼び出した後でもフォームは送信されています。

フォームの送信を効果的に停止して前のページに戻るには、次の方法を検討してください。

1. PreventDefault() と Return False:

フォームの onsubmit イベント ハンドラーにPreventDefault() メソッドを追加し、検証関数から false を返します。これにより、ブラウザはフォームを送信できなくなり、returnToPreviousPage() 関数がトリガーされて前のページに戻ります:

<form onsubmit="event.preventDefault(); validateMyForm();">

function validateMyForm() {
  if (condition not met) {
    alert("Validation failed");
    returnToPreviousPage();
    return false;
  } else {
    alert("Validation passed");
    return true;
  }
}

2。関数の戻り値:

検証関数の戻り値を使用して、フォームの送信を制御します。 onsubmit イベント ハンドラーで、検証関数の名前を指定し、送信を停止または許可する関数の戻り値を設定します:

<form onsubmit="return validateMyForm();">

function validateMyForm() {
  if (condition not met) {
    alert("Validation failed");
    returnToPreviousPage();
    return false;
  } else {
    alert("Validation passed");
    return true;
  }
}

注: Chrome を使用している場合27.0.1453.116 m、上記のコードが機能するには、イベント パラメーターの returnValue フィールドを false に設定する必要がある場合があります。効果的に。

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