Wie kann JavaScript die Formularübermittlung verhindern und bei einem Validierungsfehler zur vorherigen Seite umleiten?

Verhindern der Formularübermittlung in JavaScript

Frage:

Wie können Sie in einem JavaScript-Formularvalidierungsszenario die Formularübermittlung verhindern? und kehren Sie zur vorherigen Seite zurück, wenn eine bestimmte Bedingung vorliegt erfüllt?

Antwort:

Es gibt mehrere Ansätze, dieses Problem zu lösen:

Methode 1: Verwendung von PreventDefault() und einer Validierung Funktion

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

In dieser Methode sollte „validateMyForm()“ bei der Validierung „false“ zurückgeben schlägt fehl.

Methode 2: Rückgabe eines Werts aus der Validierungsfunktion

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

In diesem Skript:

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

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

Methode 3: Festlegen der returnValue-Eigenschaft (Erforderlich für 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;
}

Das obige ist der detaillierte Inhalt vonWie kann JavaScript die Formularübermittlung verhindern und bei einem Validierungsfehler zur vorherigen Seite umleiten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!