Vermeiden Sie mehrere Onload senden

Ich versuche, Funktion onload="submit()" auf meinem Formular zu verwenden, aber wenn die Seite geladen wird, tut es es mehrmals. Das Ergebnis ist da, aber wie kann ich die Schleife stoppen? Wie kann ich es nur einmal benutzen? Hier ist mein Code:Vermeiden Sie mehrere Onload senden

<script type="text/javascript"> 
    function submit() { 
    if (!sessionStorage.getItem("submitted")) { 
     sessionStorage.setItem("submitted", "true"); 
     document.post.submit(); 
    } 
} 
    </script> 

    <body onload="submit()"> 
     <form method="post" id="post" name="post"> 
       //stuff here 
      <input id="submit" type="submit" value="Valider" name="test" class="submit"> 
     </form>

Gibt es irgendetwas, was ich falsch mache? Oder gibt es einen besseren Weg, es zu machen?

Vielen Dank für Ihre Zeit und Hilfe!

Quelle

2017-04-28 C. Monkey

Ist es schleifen? Übermitteln lädt die Seite neu, wodurch die Onload-Funktion wieder gestartet wird? –

Ja, es ist Schleife von selbst, auf der ersten Seite laden. –

Was erwartest du zu passieren? 'onload' ist eine Funktion, die beim Laden der Seite ausgeführt wird. Es sendet das Formular, das die Seite neu lädt, die dann die Onload-Funktion erneut ausführt. – Barmar

Verwenden Sie sessionStorage, um sich zu erinnern, wenn Sie das Formular bereits abgeschickt haben, damit Sie es nicht erneut tun.

function submit() { 
    if (!sessionStorage.getItem("submitted")) { 
     console.log("submitting"); 
     sessionStorage.setItem("submitted", "true"); 
     document.getElementById("post").submit(); 
    } else { 
     console.log("already submitted, not repeating"); 
     sessionStorage.removeItem("submitted"); 
    } 
}

Auch, name="submit" und id="submit" nicht für den Absenden-Button verwenden. Siehe "Submit is not a function" error in JavaScript

Quelle

2017-04-28 19:16:17 Barmar

Also muss ich nur die andere Funktion ersetzen? Das Formular wird nicht gesendet. –

Ändern Sie den Namen der Übermittlungsschaltfläche. – Barmar

Ich habe geändert, was Sie mir gesagt haben, Sie können auf meinem ersten Beitrag sehen, und es nicht mehr Schleife, aber sendet nicht mein Formular –

Vermeiden Sie mehrere Onload senden

Antwort

Verwandte Themen