Wie kann ich Formularübermittlungen in JavaScript erkennen, ohne HTML zu ändern?

Formularübermittlungen erkennen, ohne HTML zu ändern

Um Formularübermittlungen in JavaScript zu erkennen, ohne auf HTML-Ereignisattribute wie onSubmit oder onClick zurückzugreifen, können Sie Folgendes verwenden die Methoden addEventListener oder attachmentEvent des Formularelements.

Verwendung von EventTarget.addEventListener

Für moderne Browser, die die Methode addEventListener unterstützen, lautet die Syntax wie folgt:

<code class="javascript">var ele = /*Your Form Element*/;
if(ele.addEventListener){
    ele.addEventListener("submit", callback, false); 
}</code>

Verwenden von EventTarget.attachEvent

Für ältere Versionen von Internet Explorer, die addEventListener nicht unterstützen, verwenden Sie stattdessen attachmentEvent:

<code class="javascript">else if(ele.attachEvent){
    ele.attachEvent('onsubmit', callback);        
}</code>

In beiden In einigen Fällen ist Rückruf die Funktion, die Sie ausführen möchten, wenn das Formular gesendet wird.

Standardübermittlung verhindern

Wenn Sie verhindern müssen, dass das Formular nativ gesendet wird, verwenden Sie z .preventDefault() innerhalb Ihrer Rückruffunktion:

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

Bibliotheksintegration

Wenn die Verwendung einer Bibliothek bevorzugt wird, finden Sie hier einige beliebte Optionen zum Abhören des Submit-Ereignisses :

• jQuery:

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

  Nach dem Login kopieren
• Andere Bibliotheken:
  Siehe Dokumentation von Spezifische Implementierungsdetails finden Sie in der von Ihnen gewählten Bibliothek.

Das obige ist der detaillierte Inhalt vonWie kann ich Formularübermittlungen in JavaScript erkennen, ohne HTML zu ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!