Wie höre ich auf Formularsendeereignisse in Javascript, die über HTML-Attribute hinausgehen?

Abhören von Formularsendeereignissen in Javascript: Jenseits von HTML-Attributen

Das Erkennen der Übermittlung eines Formulars in Javascript ist für die Validierung von Benutzereingaben unerlässlich Kontrolle des Formularverhaltens. Die Verwendung von HTML-Attributen wie onClick und onSubmit kann zwar ausreichen, schränkt jedoch die Anpassung und Flexibilität ein. In diesem Artikel werden alternative Methoden zum Abhören des Formularsendeereignisses mit reinem Javascript und gängigen Bibliotheken untersucht.

Reiner Javascript-Ansatz

Um Ereignis-Listener an Formularelemente anzuhängen, verwenden Sie addEventListener oder attachmentEvent basierend auf Browserunterstützung:

<code class="javascript">var ele = /*Your Form Element*/;
if (ele.addEventListener) {
  ele.addEventListener("submit", callback, false); // Modern browsers
} else if (ele.attachEvent) {
  ele.attachEvent("onsubmit", callback); // Old IE
}</code>

Um das native Submit-Ereignis abzubrechen, verwenden Sie „preventDefault()“ in der Rückruffunktion:

<code class="javascript">document.querySelector("#myForm").addEventListener("submit", function (e) {
  if (!isValid) {
    e.preventDefault(); // Stop form from submitting
  }
});</code>

Bibliotheksansatz

Wenn die Verwendung einer Bibliothek (z. B. jQuery) bevorzugt wird:

• jQuery:

<code class="javascript">$(ele).submit(callback);</code>

Cross -Browserkompatibilität

Während die addEventListener-Methode weitgehend unterstützt wird, benötigen ältere Browser möglicherweise attachmentEvent. Um die browserübergreifende Kompatibilität sicherzustellen, verwenden Sie bei Bedarf beide Methoden.

Das obige ist der detaillierte Inhalt vonWie höre ich auf Formularsendeereignisse in Javascript, die über HTML-Attribute hinausgehen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!