ein Tag als Schaltfläche zum Senden?

Question

Hallo, ich versuche, "a" Tag als eine Schaltfläche einreichen zu bekommen. Ich habe irgendwo im Web einen Code gefunden. Aber es hat nicht funktioniert.

<a href="#" onclick="this.form.submit()">Submit</a>

Gibt es einen Code, mit dem ich meinen Bedarf decken kann?

Answer 1

Geben Sie den form eine id und dann:

document.getElementById("yourFormId").submit();

Die beste Vorgehensweise wäre wahrscheinlich, den Link mit einem id zu, und werden Sie den Event-Handler los:

document.getElementById("yourLinkId").onclick = function() {
    document.getElementById("yourFormId").submit();
}

Answer 2

Probieren Sie diesen Code aus:

<form id="myform">
  <!-- form elements -->
  <a href="#" onclick="document.getElementById('myform').submit()">Submit</a>
</form>

Benutzer mit deaktiviertem JavaScript können das Formular jedoch nicht abschicken. Sie können daher den folgenden Code hinzufügen:

<noscript>
  <input type="submit" value="Submit form!" />
</noscript>

Answer 3

Angenommen, das Formular ist das direkte Elternteil, das Sie tun können:

<a href='#' onclick='this.parentNode.submit(); return false;'>submit</a>

Falls nicht, können Sie über das Attribut name des Formulars wie folgt zugreifen:

<a href='#' onclick='document.forms["myform"].submit(); return false;'>submit</a>

Beide Beispiele finden Sie hier: http://jsfiddle.net/WEZDC/1/

Answer 4

Dies ist eine Verbesserung von @ComFreek ans:

<form id="myform">
  <!-- form elements -->
  <a href="javascript:;" onclick="document.getElementById('myform').submit()">Submit</a>
</form>

So wird die Aktion nicht ausgelöst und Ihre Seite neu geladen. Vor allem, wenn Sie mit einem Rahmen mit SPA entwickeln.

Answer 5

Versuchen Sie etwas wie das Folgende

 <a href="#" onclick="this.forms['formName'].submit()">Submit</a>