WN - läsa av forms in forms?

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - läsa av forms in forms? (https://www.wn.se/forum/showthread.php?t=1038242)

läsa av forms in forms?

Hej,

Jag har två forms. Jag vill att oavsett vilken man klickar på submit i ska värdena från båda läsas ut. Är det möjligt?

Tyvärr ligger det en tredje form "emellan" och jag kan alltså inte göra min form "större" för att inkludera dom två forms som jag vill ska bli en. Funderade på jquery men den tittar ju på öppnings och stängningstaggar också. Skulle jag kunna ha samma id istället? Går det att lösa på något annat sätt?

Du kan inte ha allt i samma form men endast välja att hantera vissa fält beroende på hur du anropar formen? Spånar bara lite nu, inget jag provat själv.

Johans lösning skulle förmodligen fungera, kanske. Det beror på vad du vill - men du skulle kunna göra det med Jquery också. t. ex. om du har fyra element i formulär 1 och fyra element i formulär 2 kan du lägga till gömda element i varje formulär också. Sedan interceptar du när användaren klickar på submit och överför värdena till dina gömda element:

$("#rightinputbutton").click(function(e) {
e.preventDefault();
$("#myhiddendiv").val($("#form1-element1").val()) etc.
$("#formbelongingtorightinputbutton").submit();
});

Men alltså Javascript är nog inte egentligen att rekommendera....

Jag kan tänka mig tre olika sätt att lösa problemet:

Javascriptsbaserat:
Du förser de båda formulären med de andra fältets , dolda den här gången, och uppdaterar dem med javascript. På det viset överförs ett inskrivet eller valt fältvärde till det andra formuläret. Sen är det din uppgift att hantera värdena när de väl kommer in till ditt script!

Ett enda gigantiskt formulär som innehåller alla tre ursprungliga formulär men där responsen blir olika beroende på vilken submitknapp som använts. Kan bli lite problematiskt att tolka när folk bara trycker på enter.

Flytta om i formulären och slå ihop nummer ett och tre, men positionera formulär 2, det som ska ligga emellan, så att det ligger visuellt emellan dessa två. Om det nu var det du menade med emellan.

Citat:

Ursprungligen postat av Althalos (Inlägg 20324061)

$("#rightinputbutton").click(function(e) {
e.preventDefault();
$("#myhiddendiv").val($("#form1-element1").val()) etc.
$("#formbelongingtorightinputbutton").submit();
});

Finns enklare lösning :)

Kod:

$("#rightinputbutton").click(function(e) {

  e.preventDefault();

 $("#myhiddenfield').val($("#form1-element1").serialize()) etc.

 $("#formbelongingtorightinputbutton").submit();

});

Serialize (länk till jQuery Docs) returnerar i formatet:

Citat:

single=Single&multiple=Multiple&multiple=Multiple3 &check=check2&radio=radio1

För att lösa detta i PHP så är det enkelt:

PHP-kod:


		
			
<?php
$val = explode('&', $_POST['hiddenfield']);

foreach($val as $a)
{
list($name, $value) = explode('=', $a);
$values[$name] = $value;
}
?>

Inte helt skottsäkert, men det ger ett hum om hur det går att lösa.

Om alla formulären kan ha samma målsida kan man istället ha ett formulär med flera submitknappar, och helt slippa javascript. All data kommer att postas oavsett vilken knapp man trycker på, men det går att avgöra vilken knapp det var.

Variant 3 och 4 fungerar inte som önskat i IE6, i övrigt fungerar det i en ganska ny Firefox och IE6. Jag har inte testat andra webbläsare.

PHP-kod:


		
			
<pre>

<?php

print_r($_POST);

?>





Variant 1: input, samma namn

<form action="#" method="post">

Namn: <input type="text" name="name" />

<input type="submit" name="sub_but" value="Posta huvudformulär" />



Annat: <input type="text" name="annat" />

<input type="submit" name="sub_but" value="Gör något annat" />



Mer: <input type="text" name="mer" />

<input type="submit" name="sub_but" value="Posta huvudformulär" />

</form>





Variant 2: input, olika namn

<form action="#" method="post">

Namn: <input type="text" name="name" />

<input type="submit" name="sub_but1" value="Posta huvudformulär" />



Annat: <input type="text" name="annat" />

<input type="submit" name="sub_but2" value="Gör något annat" />



Mer: <input type="text" name="mer" />

<input type="submit" name="sub_but1" value="Posta huvudformulär" />

</form>





Variant 3: button, samma namn

<form action="#" method="post">

Namn: <input type="text" name="name" />

<button type="submit" name="sub_but" value="1">Posta huvudformulär</button>



Annat: <input type="text" name="annat" />

<button type="submit" name="sub_but" value="2">Gör något annat</button>



Mer: <input type="text" name="mer" />

<button type="submit" name="sub_but" value="1">Posta huvudformulär</button>

</form>





Variant 4: button, olika namn

<form action="#" method="post">

Namn: <input type="text" name="name" />

<button type="submit" name="sub_but1" value="1">Posta huvudformulär</button>



Annat: <input type="text" name="annat" />

<button type="submit" name="sub_but2" value="1">Gör något annat</button>



Mer: <input type="text" name="mer" />

<button type="submit" name="sub_but1" value="1">Posta huvudformulär</button>

</form>



</pre>

Jag skulle välja variant 2 och något i stil med:

PHP-kod:


		
			
if(isset($_POST['sub_but1'])) // Huvudformulär

{

    ...

}

else if(isset($_POST['sub_but2'])) // Mellanformulär

{

    ...

}

Problemet är att om man skulle posta genom att trycka på enter i "mellanformuläret" (om det nu finns något textfält där), så uppfattas det som om det är "huvudformuläret" som är postat.