Dotaz: nested forms (js/html)

[Goku]

Vnoreny html formular v uz existujucom formulari :

1. Existuje neaky ajax framework, ktory s tym nema problem ?

2. Existuje neaka funkcia (php/js/ajax),sposob, alebo specialna metoda, ktora s tym nema problem ?

Vnoreny formular po potvrdeni pracuje dobre, no vsetky inputy, ktore patria obalujucemu formularu a nasleduju po ukonceni vnutorneho su ignorovane. .

 

Preco? : Mam dlhy formular, ktoreho niektore inputy su, zjednodusene: "viacnasobne ajaxovo upravitelne uzivatelom" a az finalnu verziu povrdit ako obalujuci formular.

 

momentalne riesenie je ze je to vsetko ako jeden skaredy prerasteny formular, kde si musim davat pozor na nazvy premennych, cely tento formular sa posiela pri kazdej zmene inputu, aj ked dany input potreboval len jednu dve premenne. V skratke je mozne nejak spojazdnit nieco take ? (len ilustracny priklad):

 

echo'<FORM id="id1" METHOD="post" >';
echo'<INPUT TYPE="hidden" NAME="name1" value="name1">';
echo'<INPUT TYPE="hidden" NAME="name2" value="name2">';
echo'<FORM id="id2" METHOD="post" ></FORM>';
echo'<FORM id="id3" METHOD="post"  >';
echo'<INPUT TYPE="hidden" NAME="name3" value="name3">';
echo'</FORM>';
echo'<INPUT TYPE="hidden" NAME="name4" value="name4">';
echo'</FORM>';

Odpovědi

[chrono]

Možno by si mal najskôr začať hľadať verziu HTML, v ktorej je možné, aby vo FORM bol vnorený FORM.

[Goku]

Skoro som na tento topik zabudol, ak sa niekto snazi o nieco podobne najednoduchsi sposob je drzat pomocou js zdisablovane tlacidlo potvrdzujuce hlavny formular a to do doby kym si uzivatel neviklika vsetky podformulare, pricom finalnym krokom kazdeho vnoreneho formulara je prepisanie sameho seba uz len inputmi(nezaobalenymi ziadnym formom), cim vznikne jeden hlavny formular bez dalsich vnutornych, ktore by narusovali jeho obsah. Napodobne ak si uzivatel zela redefinovat niektory podformular znovu, znovu sa zdissabluje potvrdzujuce tlacidlo kym niesu dospecifikovane poziadavky a znovuprepisanie len inputmy. (ajax)

[Šangala]

Jestli jsem to pochopil dobře, tak máte na vstupu formulář vložený ve formuláři - což je nesmysl. Takže pokud si to někdo bude číst, tak ať to neopakuje! (Nebo mi řekněte, který document-type toto umožňuje)
Co Vám brání mít jeden formulář ze vším co potřebujete již na začátku, nebo případně další položky dynamicky přidávat/odebírat?

[Goku]

Na zaciatku su pomocne formulare pod hlavnym formularom, v hlavnom su len tlacidla s onclickeventom, kliknutie zablokuje povrdzujuci button hlavneho formulara, a na miesto kliknuteho tlacidla sa nacita vnutorny formular/formulare, ktore po vyklikani prepisu same seba len inputmi bez obalu, a nasledne odblokuju potvrdzujuce tlacidlo, kedze mame jeden velky pekny cisty formular nieje problem ho potvrdit a obist tak problematiku nested formov.

[Šangala]

Asi to furt to nechápu, začínáte takto:

<form>
  <input type="submit" value="send" name="btn" />
  <form>
    <input type="text" name="field" />
  </form>
</form>

?
A děláte z toho:

<form>
  <input type="submit" value="send" name="btn" />
    <input type="text" name="field" />
</form>

?

[Goku]

ano, presnejsie, zaciatok:

<form id="mainform">
  <input type="submit" value="send" name="btn" />
  <div id="field1">
    <button onclick='submitFor("field1","startinnform","edituj_polozky_zoznamu.php");'>
  </div>
</form>
<form id="startinnform">
   <input type="text" name="id" />
</form>

Po kliknuti :

<form id="mainform">
  <input type="submit" value="send" name="btn" />
  <div id="field1">
    <form id="innerform">
      <input .... />
    </form>
    <button value="pokracuj" onclick='submitFor("field1","innerform","edituj_polozky_zoznamu2.php");'>
  </div>
</form>
<form id="startinnform">
   <input type="text" name="id" />
</form>

Po vyklikani

<form id="mainform">
  <input type="submit" value="send" name="btn" />
  <div id="field1">
    <button value="edituj" onclick='submitFor("field1","inputform","edituj_polozky_zoznamu.php");'>
    <input .... />
    <input .... />
    <input .... />
  </div>
</form>
<form id="startinnform">
   <input type="text" name="id" />
</form>

To je ale len zhruba bez disablovania buttonu a inych drobnosti ktore zalezia od konkretneho pripadu.

[Šangala]

No aspoň na začátku je to v pořádku, mezikrok je špatně, v daný okamžik máte něco co není povoleno, závěr už zas vypadá v pořádku.
Ať pracujete jakýmkoliv způsobem, neměl by jste vytvářet nedovolené struktury.
Nějak mi uniká význam toho druhého formu a v prostředním kroku těch dvou.

[Goku]

Vzhladom na to, ze v medzikroku je disablovany submit hlavneho formulara, tzn. nejde potvrdit kym nie je vo finalnej validnej forme, a vnutornym formularom nevadi ze su zabalene v inom, kym je ich vlastna struktura validna, malo by byt vsetko ok.

Vyznam: Dynamicky formular kde pocet a typ inputov zalezi od uzivatela.

"Nedovolena struktura" tam existuje, ale je osetrena tym ze taketo formulare maju dissabled submit button a nejdu potvrdit, kym nedosiahnu "dovolenu strukturu". Kto ale chce striktne w3c, toto riesenie i ked funkcne nie je urcite pre neho.

[Šangala]

Prostě to není čisté a je to zbytečné, není důvod tam dělat vnořené formuláře.
„Dynamicky formular kde pocet a typ inputov zalezi od uzivatela.“ je běžný a normální požadavek, nic nebrání tomu, to dělat na úrovni jednoho formuláře a dynamicky přidávat a odebírat jednotlivé input-y a odesílání formuláře dovolit až v okamžik, kdy je vše splněno.
„Kto ale chce striktne w3c“ - každý by to měl chtít mít v souladu s 'document type', třeba Vám toto neumožní nějaký prohlížeč nebo novější verze vašeho…

[Goku]

"je běžný a normální požadavek, nic nebrání tomu, to dělat na úrovni jednoho formuláře" Linky priklady ?

Momentalne mam formular generovany podla tabulky z databazy, ak sa jedna o input typu "zlozeneho retazca slov" na danom mieste sa vytvori div s buttonom ktory don potvrdi podformular(pricom vizualne sa to ma zobrazit pod predchadzajucim inputom a nad nasledujucim) v nom sa mi nacita ten dany podformular, kde uzivatel vyklikava input, ktory je zlozeny z niekolkych slov, je tam tlacitko "pridat", "odobrat" a vypisany aktualny zoznam slov + tlacitko na dokoncenie, a selecty s vyberom na pridanie dalsich alebo odobranie existujucich slov, pricom kazde pridanie odobranie potvrdi formular, ktory prepise sam seba (este sa nezmaze len prepise identickym podfromularom)s aktualnymi informaciami ale i vykona i zapis istych udajov do databazy, ked je uzivatel so zoznamom spokojny klikne na dokoncit vtedy sa ten formular prepise len cistym inputom so zoznamom slov. A to sa deje pre kazdy input, ktory je v databaze zadefinovany ako "zlozeny retazec"

Topik je starsi ako mesiac, a najmudrejsia odpoved bola "Možno by si mal najskôr začať hľadať verziu HTML, v ktorej je možné, aby vo FORM bol vnorený FORM." , tak sorry ze som sa nejak musel vynajst. Dane riesenie sa mi javilo najjednoduchsie pretoze az na zdissablovanie/enablovanie tlacitka jednoriadkovim js stacil klasicky pristup na submitajaxform a nic viac.

[Šangala]

Příloha:

• form.php (4020 bytů)

Cítím z toho, že Vás štvu a už Vás to nebaví - není to mým záměrem :)
Chci jen poukázat na to, že to není asi správné řešení s ohledem na limity, které jsou dány…
Přiznám se, že se ztrácím v popisu toho co se děje a má dít, ale abych jen „nepindal“, přikládám php kód, kde lze dynamicky měnit obsah formuláře, či, když je to nutné, čitelně a jednoduše přebrat na serveru jen část odeslaných dat.
Je tam i tlačítko povolující odeslání formuláře.

[jos]

<form>
  <div class="form-part">
    <input>
  </div>
</form>

js (s jQuery)

$(document).ready(function()
{
  $('div.form-part').delegate('input', 'change', function()
  {
    if(!<kontrola jestli chceme subform odeslat>) {
      return false;
    }
    $.post(
      url
    , $(this).closest('div.form-part').serialize()
    , function(dataZeServeru)
      {
        # nejak omasirovat html
      }
    );
  }
});

[jos]

jo a nezkousel sem to a po napsani tam mozna vidim chybu

kdyz nebude fungovat tohle

$(this).closest('div.form-part').serialize()

tak by melo zabrat toto

$(this).closest('div.form-part').find(':input').serialize()