Vælg af checkbox

Her kan du få hjælp og stille spørgsmål til jQuery!
Besvar
tobrukdk
Nørd
Nørd
Indlæg:120
Tilmeldt:18. dec 2011, 00:40
Vælg af checkbox

Indlæg af tobrukdk » 21. dec 2013, 18:14

Hej

Det er sådan at jeg har flere input men lige nu arbejder jeg på at få check til at finde ud af om den er sat ok ved hvis den ikke er skal den komme frem med en fejl at man mangler den ;)

De andre virker helt fint men det er bare checkboxen som jeg mangler før at jeg ligesom kan komme videre altså med andre ord hvis der er noget i de andre skal den også finde ud af det med checkboxen ;)

Html her:

Kode: Vælg alt

<form name="opretbruger" action="<?php $_SERVER['PHP_SELF'];?>" method="post" id="opretbruger">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
        <td>Brugernavn</td>
        <td><input type="email" name="email" class="opretbar" id="brugernavn"></td>
        </tr>
        <tr>
        <td>Password</td>
        <td><input type="password" name="pa2" class="opretbar" id="pass2"></td>
        </tr>
        <tr>
        <td>Fornavn</td>
        <td><input type="text" name="fornavn" class="opretbar" id="fornavn"></td>
        </tr>
        <tr>
        <td>Efternavn</td>
        <td><input type="text" name="efternavn" class="opretbar" id="efternavn"></td>
        </tr>
        <tr>
        <td>Betingelserne</td>
        <td><input type="checkbox" name="tjek" id="tjek"> Jeg godkender <a href="/brugerbetingelser/">brugerbetingelserne</a></td>
        </tr>
        <tr>
        <td></td>
        <td><input type="submit" name="tilmelddiggratis" value="Opret bruger" class="click opretbruger"></td>
        </tr>
    </table>
    </form>
jQuery her:

Kode: Vælg alt

   $(function () {
    var $opretbruger = $('form[name="opretbruger"]'),
        $pwd = $("#pass2"),
        $usr = $("#brugernavn"),
        $navn = $("#fornavn"),
        $efter = $("#efternavn"),
        $tjek = $("#tjek");

    $opretbruger.on("submit", function (event) {
        var msg = "Du mangler ",
            usr = ($usr.val().trim() !== ""),
            pwd = ($pwd.val().trim() !== ""),
            navn = ($navn.val().trim() !== ""),
            efter = ($efter.val().trim() !== ""),
            tjek = ($tjek.val().trim() !== "");//her

        msg += !usr ? "brugernavn" : "";
        msg += !usr && !pwd ? ", " : "";
        msg += !pwd ? "kodeord" : "";
        msg += !usr && !pwd && !navn ? ", " : "";
        msg += !navn ? "fornavn" : "";
        msg += !usr && !pwd && !navn && !efter ? ", " : "";
        msg += !efter ? "efternavn" : "";
        msg += !usr && !pwd && !navn && !efter && !tjek ? ", " : "";
        msg += !tjek ? "Jeg godkender brugerbetingelserne!" : ""; //her

        var valid = pwd && usr && navn && efter && tjek;
        if (!valid) {
            alert(msg);
        }

        return valid;
    });
});
Håber du kan hjælpe mig og god jul til dig :)

tobrukdk
Nørd
Nørd
Indlæg:120
Tilmeldt:18. dec 2011, 00:40

Re: Vælg af checkbox

Indlæg af tobrukdk » 21. dec 2013, 18:26

tobrukdk skrev:Hej

Det er sådan at jeg har flere input men lige nu arbejder jeg på at få check til at finde ud af om den er sat ok ved hvis den ikke er skal den komme frem med en fejl at man mangler den ;)

De andre virker helt fint men det er bare checkboxen som jeg mangler før at jeg ligesom kan komme videre altså med andre ord hvis der er noget i de andre skal den også finde ud af det med checkboxen ;)

Html her:

Kode: Vælg alt

<form name="opretbruger" action="<?php $_SERVER['PHP_SELF'];?>" method="post" id="opretbruger">
    <table width="100%" cellpadding="0" cellspacing="0">
        <tr>
        <td>Brugernavn</td>
        <td><input type="email" name="email" class="opretbar" id="brugernavn"></td>
        </tr>
        <tr>
        <td>Password</td>
        <td><input type="password" name="pa2" class="opretbar" id="pass2"></td>
        </tr>
        <tr>
        <td>Fornavn</td>
        <td><input type="text" name="fornavn" class="opretbar" id="fornavn"></td>
        </tr>
        <tr>
        <td>Efternavn</td>
        <td><input type="text" name="efternavn" class="opretbar" id="efternavn"></td>
        </tr>
        <tr>
        <td>Betingelserne</td>
        <td><input type="checkbox" name="tjek" id="tjek"> Jeg godkender <a href="/brugerbetingelser/">brugerbetingelserne</a></td>
        </tr>
        <tr>
        <td></td>
        <td><input type="submit" name="tilmelddiggratis" value="Opret bruger" class="click opretbruger"></td>
        </tr>
    </table>
    </form>
jQuery her:

Kode: Vælg alt

   $(function () {
    var $opretbruger = $('form[name="opretbruger"]'),
        $pwd = $("#pass2"),
        $usr = $("#brugernavn"),
        $navn = $("#fornavn"),
        $efter = $("#efternavn"),
        $tjek = $("#tjek");

    $opretbruger.on("submit", function (event) {
        var msg = "Du mangler ",
            usr = ($usr.val().trim() !== ""),
            pwd = ($pwd.val().trim() !== ""),
            navn = ($navn.val().trim() !== ""),
            efter = ($efter.val().trim() !== ""),
            tjek = ($tjek.val().trim() !== "");//her

        msg += !usr ? "brugernavn" : "";
        msg += !usr && !pwd ? ", " : "";
        msg += !pwd ? "kodeord" : "";
        msg += !usr && !pwd && !navn ? ", " : "";
        msg += !navn ? "fornavn" : "";
        msg += !usr && !pwd && !navn && !efter ? ", " : "";
        msg += !efter ? "efternavn" : "";
        msg += !usr && !pwd && !navn && !efter && !tjek ? ", " : "";
        msg += !tjek ? "Jeg godkender brugerbetingelserne!" : ""; //her

        var valid = pwd && usr && navn && efter && tjek;
        if (!valid) {
            alert(msg);
        }

        return valid;
    });
});
Håber du kan hjælpe mig og god jul til dig :)

Jeg skulle bare gøre sådan her og opgaven er klart! :)

Kode: Vælg alt

$(function () {
    var $opretbruger = $('form[name="opretbruger"]'),
        $pwd = $("#pass2"),
        $usr = $("#brugernavn"),
        $navn = $("#fornavn"),
        $efter = $("#efternavn"),
        $tjek = $("#tjek");

    $opretbruger.on("submit", function (event) {
        var msg = "Du mangler ",
            usr = ($usr.val().trim() !== ""),
            pwd = ($pwd.val().trim() !== ""),
            navn = ($navn.val().trim() !== ""),
            efter = ($efter.val().trim() !== ""),
            tjek = ($tjek.prop("checked") !== false);

        msg += !usr ? "brugernavn" : "";
		msg += !usr && !pwd ? ", " : "";
        msg += !pwd ? "kodeord" : "";
		msg += !usr && !pwd && !navn ? ", " : "";
        msg += !navn ? "fornavn" : "";
		msg += !usr && !pwd && !navn && !efter ? ", " : "";
        msg += !efter ? "efternavn" : "";
		msg += !usr && !pwd && !navn && !efter && !tjek ? ", " : "";
        msg += !tjek ? "Jeg godkender brugerbetingelserne!" : "";

        var valid = pwd && usr && navn && efter && tjek;
        if (!valid) {
            alert(msg);
        }

        return valid;
    });
});

Besvar