web-dev-qa-db-fra.com

Un formulaire avec deux boutons de soumission et des actions différentes pour chaque bouton

J'ai passé plusieurs heures à essayer de trouver une solution à mon problème, mais je n'arrive pas à trouver la solution appropriée. Merci d'avance pour votre aide!

J'ai un formulaire HTML avec:

<form id="columnarForm"  action="formindb_hoh_1.php" enctype="multipart/form-data" method="post" />

Je voudrais avoir DEUX boutons de soumission:

<input type="image" name="camper" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />

Je voudrais que le premier bouton d'envoi ait l'action de formindb_hoh_1.php lorsqu'il est cliqué et que le deuxième bouton d'envoi ait l'action de formindb_hoh_2.php, mais je ne suis pas sûr de savoir comment un bouton doit avoir une action et l'autre bouton action.

phpforms
24
Nick

Reportez ceci:

Plusieurs boutons de soumission php différentes actions

Mettez ce script dans votre page:

<script>
    function submitForm(action)
    {
        document.getElementById('columnarForm').action = action;
        document.getElementById('columnarForm').submit();
    }
</script>

Modifiez votre code d'entrée:

<input type="image" name="camper" onclick="submitForm('formindb_hoh_1.php')" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" onclick="submitForm('formindb_hoh_2.php')" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />
24
Redzwan Latif

Pas de JS, utilisez HTML5.

Modifiez les boutons d'envoi pour qu'ils utilisent le nouvel attribut de bouton HMTL5 formaction:

<button type="submit" name="camper" formaction="formindb_hoh_1.php">Camper</button>
<button type="submit" name="camper" formaction="formindb_hoh_2.php">Medical</button>

Référence: http://devdocs.io/html/element/button

68
szuflad

Finalement, j'ai eu ma réponse après avoir passé plus d'une heure. J'ai essayé une méthode différente comme switch case, jquery et JavaScript. Mais j’ai seulement utilisé la balise HTML5 formaction et maintenant mon bouton de soumission de formulaire deux fonctionnant à deux endroits.

Code:

   <input type="submit" class="btn btn-success" value="Pay Now" name="submit"  style="width: 100%; letter-spacing: 1px; color: #fff; border: none;padding:  10px;" formaction="example.php">

   <button type="submit" class="btn btn-success" name="submit" style="width: 100%; letter-spacing: 1px; color: #fff; border: none;padding: 10px; margin-top: 15px;" formaction="mail.php"> Button</buttton>

1
Ashique Hussain Ansari