Keresés

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

  • Taci

    addikt

    válasz atyca #8961 üzenetére

    Hú, hát ez meg mi? o.O

    Akkor ez a gombletiltós dolog nem jó ide, ha műveletet csak a gomb lenyomásához tudsz társítani (mert inaktivált gombot nehéz lenyomni :D).

    Itt talán így lehet akkor megoldani:

    A mezőknek és a gombnak is külön változónevek kellenek, pl.:
    mezoNev, mezoEmail, mezoTelefonszam, kuldesGomb

    Illetve betöltéskor egyből tiltani a küldés gombot:
    document.getElementById("kuldesGomb").disabled = true;

    A mezőkbe történő begépeléskor futtatni kell egy szkriptet, ami azt nézi, hogy ha az összes (többi) mezőben már van érték, akkor aktívvá teszi a küldés gombot
    (...("kuldesGomb").disabled = false; ).
    Így addig, amíg nincs minden mező kitöltve (nincs benne legalább 1 karakter), inaktív marad a gomb.

    Biztos van olyan vezérlő esemény is, amit ki tudsz választani, ami akkor futtat kódot, ha egy mezőbe gépelni kezdesz. Oda valami ilyesmi szkript kell:

    Ha a mezoNev-nél állítod be, akkor a többit kell figyelni, hisz' ennél a szkript eleve csak akkor aktiválódik, ha beleírsz valamit, kvázi a szkript futtatásakor nem lesz üres. És ugyanezen elven a többinél is.
    //mezoNev
    if ((document.getElementById("mezoEmail").value.length > 0) &&
        (document.getElementById("mezoTelefonszam").value.length > 0)){
      //gomb deaktiválásának megszüntetése
        document.getElementById("kuldesGomb").disabled = false;
    }

    Így ha írsz a mezoNev-be, és van tartalom a mezoTelefonszamban, de nincs a mezoEmail-ben, akkor a gomb inaktív marad.
    Aztán amint írsz a mezoEmail-be is, már a másik kettőben is lesz adat, tehát aktiválja a gombot.

    De amúgy ez a screenshotolt tool eléggé megbonyolítja (számomra), sokkal egyszerűbb és gyorsabb lenne simán csak kódban. Sokkal több lehetőséggel. Pl.: [link] Itt ha úgy kattintasz a Küldés gombra, hogy nem írtál be semmilyen adatot, akkor szól, hogy kötelezően kitöltendő mező (ami neked itt is jól jönne).
    Bár ezt most is beleépítheted (ha van hova):
    document.getElementById("mezoNev").required;
    document.getElementById("mezoEmail").required;
    document.getElementById("mezoTelefonszam").required;

    De hátha be tudod állítani amiket írtam, lesz mindre lehetőség, és akkor jó lehet.

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

Hirdetés