Form ist trotzdem eingereicht, obwohl listener-Funktion gibt false zurück

Ich versuche herauszufinden, warum dieses JavaScript nicht zu stoppen das Formular wird gesendet:

<form action="http://www.example.com" id="form">
    <input type="text" />
    <input type="submit" />
</form>

<script>
var code = function () {
    return false;
};
var element = window.document.getElementById("form");
if (element.addEventListener) {
    element.addEventListener("submit", code, false);
}
</script>

Es sei denn, ich fügen Sie die folgende "onsubmit" Attribut der form element:

<form action="http://www.example.com" id="form" onsubmit="return false">
    <input type="text" />
    <input type="submit" />
</form>

<script>
var code = function () {
    return false;
};
var element = window.document.getElementById("form");
if (element.addEventListener) {
    element.addEventListener("submit", code, false);
}
</script>

Scheint, wie die addEventListener-Methode alleine sollte den trick tun. Irgendwelche Gedanken? Ich bin auf einem Mac, und ich bin mit dem gleichen Ergebnis auf Safari, Firefox und Opera. Danke.

InformationsquelleAutor | 2009-06-08
  1. 8

    Kombiniert die Informationen aus den beiden sehr hilfreichen Antworten in eine Lösung, die funktioniert sowohl auf Mac und PC:

    <script>
var code = function (eventObject) {
    if (eventObject.preventDefault) {
        eventObject.preventDefault();
    } else if (window.event) /* for ie */ {
        window.event.returnValue = false;
    }
    return true;
};
var element = window.document.getElementById("form");
if (element.addEventListener) {
    element.addEventListener("submit", code, false);
} else if (element.attachEvent) {
    element.attachEvent("onsubmit", code);
}
</script>
    InformationsquelleAutor
  2. 6

    Aussieht, wenn Sie Ihre Funktion

    var code = function(e) {
    e.preventDefault();
}

    Sollte es tun, was, die Sie suchen.

    Quelle

    InformationsquelleAutor Jacob
  3. 2

    Ich denke was du suchst ist die preventDefault() Methode der Event Schnittstelle für Browser, die es umsetzen. Es wird Abbrechen des Formulars in der Weise, die Sie erwartet "return false" zu.

    Mehr hier und hier.

    <script type="text/javascript">
 var code = function (evt) {
            if (evt.preventDefault) {
                evt.preventDefault();
            }
            return false;
};
window.onload = function() {
    var element = window.document.getElementById("form");
    if (element.addEventListener) {
        element.addEventListener("submit", code, false);
    }
};
</script>
    InformationsquelleAutor artlung
Schreibe einen Kommentar