Wie kann ich Formularübermittlungen mithilfe von JavaScript abfangen und verhindern?

Abfangen von Formulareinsendungen zur Prävention

In einer Situation, in der Sie ein Formular mit einer vorhandenen Senden-Schaltfläche haben, die nicht geändert werden kann, wodurch die Übermittlung verhindert wird kann durch JavaScript erreicht werden.

Um das Submit-Ereignis abzufangen und zu verhindern, dass es auftritt, können die folgenden Schritte durchgeführt werden vergeben:

Abfangen des Submit-Ereignisses:

1. Suchen Sie das Formularelement:

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

   Nach dem Login kopieren

2. Fügen Sie dem Formular einen Ereignis-Listener für das „Senden“ hinzu. Ereignis:

   form.addEventListener('submit', handleSubmit);

   Nach dem Login kopieren

Verhindern der Übermittlung:

Innerhalb der Ereignishandlerfunktion (in diesem Fall „handleSubmit“) können Sie dies verhindern die Übermittlungsaktion durch:

1. Aufruf von PreventDefault() für das Ereignis Objekt:

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

   Nach dem Login kopieren

2. Darüber hinaus verhindert die Rückgabe von „false“ bei AJAX-Formularübermittlungen die Standardformularaktion:

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

   Nach dem Login kopieren

Hinweis: Wie in der bereitgestellten Antwort hervorgehoben, wird das Formular trotzdem gesendet, wenn vor der Anweisung „return false“ ein JavaScript-Fehler auftritt. Um dieses Problem zu beheben, sollten Sie einen try...catch-Block verwenden, um potenzielle Fehler zu behandeln und sicherzustellen, dass das Formular auch in solchen Fällen nicht gesendet wird.

Das obige ist der detaillierte Inhalt vonWie kann ich Formularübermittlungen mithilfe von JavaScript abfangen und verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!