JavaScript はどのようにしてフォームの送信を防ぎ、検証失敗時に前のページにリダイレクトできるのでしょうか?

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

質問:

JavaScript フォーム検証シナリオで、フォームの送信を防止するにはどうすればよいですか?一定の条件を満たすと前のページに戻ります満たされましたか?

答え:

この問題を解決するには、いくつかのアプローチがあります:

方法 1:PreventDefault() と検証を使用するFunction

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

このメソッドでは、 validateMyForm() は、検証が失敗した場合に false を返す必要があります。

方法 2: 検証関数から値を返す

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

このスクリプト内:

function validateMyForm() {
  if (condition fails) {
    alert("Validation failed!");
    returnToPreviousPage();
    return false;
  }

  alert("Validation passed!");
  return true;
}

方法 3: returnValue プロパティを設定する (Chrome 27.0.1453.116 m に必要)

function validateMyForm() {
  if (condition fails) {
    alert("Validation failed!");
    returnToPreviousPage();
    event.preventDefault();
    event.returnValue = false; // Set `returnValue` to false
  }

  alert("Validation passed!");
  return true;
}

以上がJavaScript はどのようにしてフォームの送信を防ぎ、検証失敗時に前のページにリダイレクトできるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。