Diskuze: Fake submit button

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Lava

Člen

Lava:6.9.2016 9:18

Mám dizajn stránky, kde potrebujem mať formulár v jednom <div> a tlačidlo na jeho potvrdenie v inom <div>. Nemôže to byť teda v jednom formulári. Chcem sa spýtať, či je nejako možné urobiť formulár klasicky vo <form> a tlačidlo na jeho odoslanie niekde úplne inde, fungovalo by ako odkaz a po kliknutí by potvrdilo formulár a presmerovalo na adresu, ktorá je napísaná v form action="". Ako sa to dá?

Odpovědět

6.9.2016 9:18

Aspartám, sacharín, to je môj vitamín

Patrik Valkovič

Tvůrce

Patrik Valkovič:6.9.2016 9:26

Buď to odešleš pomocí javascriptu (form.submit();) nebo ty oba divy zabal do společného formu.

Nahoru Odpovědět

6.9.2016 9:26

Nikdy neumíme dost na to, abychom se nemohli něco nového naučit.

Lava

Člen

Lava:6.9.2016 9:34

Dva divy do spoločného formu zabaliť nemôžem. Čiže nejako takto?

$(".fake-submit-button).click(function() {
    $("form-class").submit();
})

Nahoru Odpovědět

6.9.2016 9:34

Aspartám, sacharín, to je môj vitamín

Lava

Člen

Lava:6.9.2016 9:56

Tak som sa dočítal. Napokon v HTML5 existuje možnosť dať button hocikde mimo <form>. Form musí mať atribút id="" a submit button potom má atribut form="" ktorý sa rovná id formu.

<form method="get" action="" class="sign-type-form" id="sign-agreement-form">
        <input type="radio" id="sign-type" name="sign" value="bio" required> Áno
        <input type="radio" id="sign-type" name="sign" value="nobio" required> Nie
</form>
<input type="submit" form="sign-agreement-form" value="Pokračovať">

Akceptované řešení
+5 Zkušeností

Nahoru Odpovědět

6.9.2016 9:56

Aspartám, sacharín, to je môj vitamín

Naučíme tě pracovat na home-office.

Zjistit více...

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.

Nejčastěji vyhledáváné

Diskuze: Fake submit button