javascript Soumettre plusieurs formulaires avec un seul bouton

Dans mon html, j’ai plusieurs formulaires (entrées de texte, boutons radio, cases à cocher et sélectionner) et un bouton. Je voudrais remplir tous ces formulaires et envoyer des valeurs à mon fichier php. Pour l’instant, j’essaie de soumettre des valeurs à partir de la saisie de texte et de sélectionner mais je suis bloqué à ce stade.

J’ai un fichier js submit:

submitForms = function(){ document.getElementById("form1").submit(); document.getElementById("form2").submit(); }

Et mes formulaires sont comme ceci: SELECT:

    -- vyberte oblasť --

Formulaire de saisie de texte + bouton:

   kWh za rok VT kWh za rok NT

Mais ça ne fonctionne pas. Pouvez-vous m’aider s’il vous plaît? Je vous remercie

Il sera plus facile de ne soumettre qu’un seul formulaire. Vous pouvez atsortingbuer le même nom à votre balise select et input en affectant form = “your-form-id”.

Voici un exemple simple d’implémentation Javascript native.

    Multiform - JAVASCRIPT    Form 1   
 
  Form 2   
 
  Form 3

Vous pouvez essayer ceci. Si soumettre tous les formulaires convient à votre page

  $('form').submit();

Fonction actuellement utilisée:

 function trySubmitAllForms() { if ($('.saveSpinner').is(':visible')) { return; } if ($('form').valid()) { $('.saveSpinner').show(); $('form').submit(); } else { showValidationErrorMessages(); } }

Une fois que vous avez soumis un formulaire, votre page recharge ou met fin au javascript après la soumission du formulaire. Il est donc préférable d’utiliser Ajax pour soumettre plusieurs formulaires en même temps.

avec jquery

 $("#sub").click(function(){ $("form").each(function(){ var fd = new FormData($(this)[0]); $.ajax({ type: "POST", url: "solve.php", data: fd, processData: false, contentType: false, success: function(data,status) { //this will execute when form is submited without errors }, error: function(data, status) { //this will execute when get any error }, }); }); });

Le code ci-dessus soumet chaque formulaire lorsque vous cliquez sur un bouton avec l’identifiant