Per JS Formular senden abbrechen?

Hi liebe Community,

ich wollte fragen ob es eine möglichkiet gibt das senden eines Formulars nach dem auf submit gedrückt wurde abzubrechen.
Der Hintergrudn: ich möchte das der User erst bestätigt bevor es abgesendeet wird mittels einer confirm-box

Alternativ würde ich einfach per CSS ein Formular verstecken, welches erst nach dem auf ein Button "Speichern" gedrückt wird auftaucht.

Answer 1

[NianMao]

function bestaetigung(event) {
  if(confirm("ehrlich?") == true) {
    document.formname.submit();
  } else {
    window.event.returnValue = false;
  }
}

Dabei dann keinen Submit Button, sondern einen einfachen button mit script.

Comments

[BetaOps]

Ich finde deine lösung am einfachsten umzusetzen ! :D

[NianMao]

@BetaOps

:) Danke.

Der event Parameter wird einfach so in dem Funktionsaufruf mitgegeben:

<button onclick="bestaetigung(event)">Klickmich!</button>

Answer 2

[number11]

Ja, das ist locker möglich.

<script type = "text/javascript">
document.getElementById("BUTTONID").addEventListener("click", function(event){
  event.preventDefault()
});
</script>

Das BUTTONID ersetzt du mit der id deines Submit Buttons.

Comments

[BetaOps]

Also wäre es so, dass nach dem auf "submit" gedrückt wurde erst die Funktion aufgerufen wird, die dann per .preventDefault() das Event des mausclicks abbricht ?
"event" ist ja kein Standard objekt, was muss ich da genau übergeben ?

function popUp(event) {
if (confirm("Ja oder nein")) {
} else {
event.preventDefault()
}

[regex9]

@BetaOps

event ist ein Attribut des window-Objekts und damit im Browser überall verfügbar. Es zeigt stets auf das aktuell gehandhabte Event. Den Parameter für die Funktion kannst du dir also sogar sparen.