[JS/PHP] Form met 2x submit => onclick met name + submit

[Wiethoofd]

Ik heb nu een form met 2x een submit button, mocht je echter wat wijzigen in het onderste gedeelte en submitten met een enter dan pakt elke browser de eerste submit-knop die ze in het form tegenkomen.

Nu start ik juist de 2e afhandelingsstap door op de name van de eerste submitknop in het form te checken. Nu wou ik de eerste submit knop door een <input type="button"> met een onclick actie laten submitten, dit gaat verder prima, behalve dat de name en/of value van die knop niet meer doorgezet worden naar het php-script wat alles afhandelt.

Ik heb met m'n zeer beperkte javascript kennis van alles zitten proberen, maar ik krijg de name van m'n input niet doorgezet, een name op m'n tweede submitknop checken en daarop checken werkt ook niet (lees: verre van) optimaal. Googlen op een oplossing om via een javascript submit de name of value door te zetten levert niets op.

HTML:

<input type="button" name="bestel" onclick="this.form.submit();" value="Plaats bestelling">

[BtM909]

Even terug naar je origineel probleem. Ik kan hier nu even niet testen, maar kan je misschien wat met fieldset?

En daarnaast weet ik even niet wat je precies met javascript wilt ophalen? Zeg maar dit gedeelte snap ik ff niet:

maar ik krijg de name van m'n input niet doorgezet, een name op m'n tweede submitknop checken en daarop checken werkt ook niet (lees: verre van) optimaal

[Wiethoofd]

Met een

HTML:

<input type="submit" name="bestel" value="Plaats bestelling">

krijg ik:

PHP:

echo $_POST['bestel']; // Plaats bestelling

Doe ik echter de onclick="submit()" of this.form.submit() dan krijg ik geen $_POST['bestel'] om m'n afhandeling mee te triggeren. Ik wil dus dat die name="bestel" gePOST wordt.

[BtM909]

Misschien moet je dan ff een completere testcase aanmaken, want 't volgende werkt gewoon bij mij:

HTML:

<form id="lunchform" name="lunchform" action="processor.php" method="post">
    <input type="submit" value="Submit Lunch1" name="BtM909" onclick="formSubmit();">
    <input type="submit" value="Submit Lunch2" name="BtM303" onclick="this.form.submit()">
</form>

waarbij de eerste onclick een apart validatiefunctie is en de tweede direct de submit.

De processor.php geeft gewoon netjes terug:

PHP:

print_r($_POST);

code:

Array ( [BtM909] => Submit Lunch1 )
of
Array ( [BtM303] => Submit Lunch2 )

[SPee]

Een

HTML:

<input type="submit">

wordt door het form ook gezien als een input.
Een

HTML:

<input type="button">

wordt niet gezien als input.

Als je met de onClick event de form submit met de button, dan moet je dat dus handmatig aan het formulier toevoegen. Bijvoorbeeld door een hidden field invullen, het aanpassen van de URL, of gebruikmakend van één van de vele javascript libraries die er zijn.

Bijvoorbeeld:

HTML:

<form>
  <input type="hidden" name="myinput" value=""/>
  <input type="button" onclick="this.form.myinput.value='avalue'; this.form.submit();">submit1</input>
  <input type="submit">submit2</input>
</form>

[BtM909]

Ik ging ervanuit dat de button een workaround is / was nav. de javascripting (wat dus niet nodig is )

[Wiethoofd]

Ik had de button gedaan ipv de submit om de 'submit on enter' de enige echte submit onderin het form te pakken en dus niet de afhandeling te triggeren als er nog wijzigingen doorgevoerd waren.

Handmatig een value toevoegen had ik ook al geprobeerd, maar deze kwam dus ook niet door.

[BtM909]

Heb je al naar fieldset gekeken? Helpt dat?

[Wiethoofd]

Heb nu de oplossing van SPee gebruikt, een hidden input met een name die m'n bestel-actie niet triggered bij de submit via enter of de <input type="submit"> maar bij een onclick op de button van name veranderd wordt naar 'bestel' en vervolgens het form submit.

De opmerking dat een type="button" niet als input gezien wordt en dus geen name/value doorzet naar de afhandeling was mij onbekend.