Heim > Web-Frontend > js-Tutorial > Wie kann JavaScript die Formularübermittlung verhindern und bei einem Validierungsfehler zur vorherigen Seite umleiten?

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

Mary-Kate Olsen
Freigeben: 2024-12-22 21:55:10
Original
928 Leute haben es durchsucht

How Can JavaScript Prevent Form Submission and Redirect to the Previous Page on Validation Failure?

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();">
Nach dem Login kopieren

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();">
Nach dem Login kopieren

In diesem Skript:

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

  alert("Validation passed!");
  return true;
}
Nach dem Login kopieren

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;
}
Nach dem Login kopieren

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage