html erforderlich, funktioniert nicht mit onclick

Habe ich die folgende, die ich verwenden für die Einreichung der Formulare auf meiner Website:

<a onclick="document.forms['REGform'].submit(); return false;" class="button" href="javascript:;">Register</a>

Habe ich Eingaben im Formular mit den erforderlichen tag-aber das bedeutet nicht scheinen, um Sie abzuschießen? Bedeutung hört nicht auf leere Eingaben übermittelt werden.

Wenn ich einen normalen submit-button funktioniert es übrigens onclick nicht eine anerkannte Methode zur übermittlung von einer form in html5?

  • Warum willst du javascript verwenden?
  • ja, warum nicht eine input-submit? und tag-Validatoren funktionieren nicht in jedem browser
  • Ich bin mit js habe, da ich ein sprite für die Schaltfläche als hintergrund auf eine Klasse, damit ich ändern kann, der button-text
InformationsquelleAutor Darren Sweeney | 2012-01-30
  1. 4

    Das problem ist das submit() Methode, nicht die Verwendung von onclick (obwohl Sie können nicht verhindern, dass der ehemalige, wenn Sie Einreichen möchten mit JS anstelle von HTML).

    Einreichung mit JS bewirkt, dass die Formular-Validierung Schritte übersprungen werden (obwohl Sie können re-implementieren Sie in JS (mit checkValidity()).

    Die submit () - Methode, wenn Sie aufgerufen wird, muss das Formular abschicken-element von der form-element mit den scripted-submit-flag gesetzt ist.

    — http://www.w3.org/TR/html5/forms.html#dom-form-submit

    Wenn die Skript-submit-flag ist nicht gesetzt, und der Einreicher-element ist nicht für die Validierung der Zustand false ist, dann wird interaktiv überprüfen der constraints der form, und überprüfen Sie das Ergebnis: wenn das Ergebnis negativ ist (die constraint-Validierung der Schluss gezogen, dass ungültige Felder und wohl, informiert die Benutzer von dieser), dann abort diese Schritte.

    — http://www.w3.org/TR/html5/association-of-controls-and-forms.html#form-submission-algorithm

    InformationsquelleAutor Quentin
  2. 5

    Hier ist, wie Sie tun können, 

    <a onclick="CheckValidation();" class="button" href="javascript:;">Register</a>

function CheckValidation()
{

    var isValidForm = document.forms['REGform'].checkValidity();
    if (isValidForm)
    {
        document.forms['REGform'].submit();
    }
    else
    {

        return false;
    }

}
    • nicht für mich, fürchte ich, tut überhaupt nichts - und ich korrigierte den Fall der CheckValidation
    • danke.
    InformationsquelleAutor user47900
  3. -4
    <a class="button" href="javascript:document.forms['REGform'].submit(); return false;">Register</a>

    oder

    <a onclick="document.forms['REGform'].submit(); return false;" class="button">Register</a>
    • Dies ist nur ein protzen code. Am besten ist es ein "Ort der Unterschied-Lösung", aber ich kann nicht sehen alles, was einen Unterschied machen könnte. Erklären Sie bitte, warum sollte dies einen Unterschied machen.
    • seine Arbeit an meinem PC...
    • Was ist arbeiten? Der original-code in der Frage? Wenn dem so ist, so sagen Sie in einem Kommentar. Den code hast du geändert? Wenn das so ist, erklären, was Sie geändert haben und warum macht es Arbeit.
    • den ersten Beitrag Lesen und Lesen Sie meinen post bekommst du die Antwort...
    • — Was auf den ersten post? Meinst du die Frage? Ich habe. Ich habe immer noch keine Ahnung, was Ihre Antwort zu sagen versucht.
    • Sie gab die gleiche sample-code wie in der Frage =)

    InformationsquelleAutor SolidSnake
Schreibe einen Kommentar