Comment soumettre un formulaire avec JavaScript en cliquant sur un lien?

Le meilleur moyen

La meilleure façon est d'insérer une entrée appropriée tag:

<input type="submit" value="submit" />

Le meilleur JS façon

<form id="form-id">
  <button id="your-id">submit</button>
</form>

var form = document.getElementById("form-id");

document.getElementById("your-id").addEventListener("click", function () {
  form.submit();
});

Joindre le dernier code JavaScript par un DOMContentLoaded événement (uniquement choisir load pour compatibilité descendante) si vous ne l'avez pas déjà fait:

window.addEventListener("DOMContentLoaded", function () {
  var form = document.... //copy the last code block!
});

Le facile, pas recommandable (l'ancien réponse)

Ajouter un onclick attribut pour le lien et un id de la forme:

<form id="form-id">

  <a href="#" onclick="document.getElementById('form-id').submit();"> submit </a>

</form>

Toutes façons

Quelle que soit la manière que vous choisissez, vous avez un appel en formObject.submit() finalement (où formObject est l'objet DOM de la <form> tag).

Vous avez également de lier cette un gestionnaire d'événements, qui appelle formObject.submit(), de sorte qu'il est appelé lorsque l'utilisateur clique sur un lien ou un bouton. Il y a deux façons:

• Recommandé: Lier un écouteur d'événement à l'objet DOM.

  //1. Acquire a reference to our <form>.
  //   This can also be done by setting <form name="blub">:
  //      var form = document.forms.blub;
  
  var form = document.getElementById("form-id");
  
  
  //2. Get a reference to our preferred element (link/button, see below) and
  //   add an event listener for the "click" event.
  document.getElementById("your-id").addEventListener("click", function () {
    form.submit();
  });

• Pas recommandé: Insérer le JavaScript en ligne. Il y a plusieurs raisons pourquoi cette technique n'est pas recommandable. L'un des principaux arguments est que vous mélangez de balisage (HTML) avec des scripts (JS). Le code devient désorganisée et plutôt difficile à maintenir.

  <a href="#" onclick="document.getElementById('form-id').submit();">submit</a>
  
  <button onclick="document.getElementById('form-id').submit();">submit</button>

Maintenant, nous arrivons à un point où vous devez décider de l'élément d'INTERFACE utilisateur qui déclenche le submit() de l'appel.

1. Un bouton

   <button>submit</button>

2. Un lien

   <a href="#">submit</a>

Appliquer les techniques susmentionnées afin d'ajouter un écouteur d'événement.

Vous pourriez donner la forme et le lien certains identifiants et puis abonnez-vous pour l' onclick cas de le lien et submit la forme:

<form id="myform" action="" method="POST">
    <a href="#" id="mylink"> submit </a>
</form>

et puis:

window.onload = function() {
    document.getElementById('mylink').onclick = function() {
        document.getElementById('myform').submit();
        return false;
    };
};

Je voudrais vous recommander à l'aide d'un bouton submit pour soumettre les formulaires qu'il respecte le balisage sémantique et il fonctionne même pour les utilisateurs ayant désactivé javascript.

cela fonctionne bien sans fonction spéciale nécessaire. Beaucoup plus facile d'écrire avec php. <input onclick="this.form.submit()"/>

voici la meilleure solution à votre question:
à l'intérieur de la forme que vous avez ces code:

<li><a href="#">Singup</a></li>
<button type="submit" id="haha"></button>

dans le fichier CSS, cela:

button{
  display: none;
}

en JS pour ce faire:

$("a").click(function(){
   $("button").trigger("click");
})

Là vous allez.