Új hozzászólás Aktív témák

  • joysefke

    veterán

    Sziasztok! Kéne egy kis help, mert semennyire sem értek a javascripthez.

    A feladat egyszerű. Van egy user facing oldal, ahol van egy darab HTML-form. Szeretném a html form input mezőinek változását detektálni és csak abban az esetben láthatóvá/kattinthatóvá tenni a Submit gomot, ha változás történt.

    Bootstrap és jQuery is van, ezért jQuery-ben szeretném a megoldást. Egyébként az oldalt ASP .NET Core platformra fejlesztem VS-sel.

    Utánaolvastam és a megoldásnak úgy kéne működnie, hogy oldalbetöltés után szerializálom a formot és elmentem. Ezután a form minden input mezőjéhez hozzárendelésre kerül egy "change input" event handler ami a beviteli mező változásakor újra szerializálja a formot és az elmentett értékkel való egyezőség esetén eltünteti/deaktivála egyébként meg engedélyezi a Submit gombot.

    Ezt sikerült összekendácsolnom, de nem működik:

    <form id="rsvpForm">
    <button id="rsvpSubmit" class="btn btn-primary btn-submit" type="submit">
    Send
    </button>
    </form>

    <script>
    var $origForm;
    var $form
    $(document).ready(function () {
    $form = $("#rsvpForm");
    $origForm = $form.serialize();
    });

    $(document).ready("#rsvpForm:input").on("change input", function () {
    $("#rsvpSubmit").toggle($form.serialize() !== $origForm);
    });
    </script>

    Pastebin

Új hozzászólás Aktív témák