Formulare.js

'use strict';
//AB09 Aufgabe 2
function changeDisabled () {
    if (document.getElementById("absendenNachAGB").disabled == true) {
        document.getElementById("absendenNachAGB").disabled = false;
    } else {
        document.getElementById("absendenNachAGB").disabled = true;
    }
}

function matchPassword () {
    var pwd = document.querySelector('#pwd');
    var pwd2 = document.querySelector('#pwd2');
    var name = document.querySelector('#vorname');

    //if(pwd.value != null && pwd2.value != null && pwd2.onblur == false) { // Nicht sicher ob hier wirklich beide Felder abgefragt werden müssen, wahrscheinlich würde das zweite Feld reichen, da normalerweise das obere Feld als erstes eingegeben wird. Ansonsten um && Pwd2.onblur erweitern
        if(pwd.value == pwd2.value) {
            console.log("Passwörter sind gleich!");
            pwd.style.display = "block";
            document.querySelector('#pwd').removeAttribute("display");
            document.querySelector('#pwd').style.display = "block";
            document.querySelector('#pwdwdh').removeAttribute("display");
            document.querySelector('#pwdwdh').style.display = "block";
            document.querySelector('#check').removeAttribute("display");
            document.querySelector('#check').style.display = "block";
            document.querySelector('cross').removeAttribute("display");
            document.querySelector("'cross").style.display = "block";
            document.querySelector('#input-cross-check').removeAttribute("display");
            document.querySelector('#input-cross-check').style.display ="block";
        }  else {
            document.querySelector('#pwd').removeAttribute("display");
            document.querySelector('#cross').removeAttribute("display");
            document.querySelector('#cross').style.display = "block";
            document.querySelector('#check').removeAttribute("display");
            document.querySelector('#check').style.display = "none";
            window.confirm("Die Passwörter stimmen nicht überein! Die Felder werden zurückgesetzt.")
            pwd.value = "";
            pwd2.value = "";
        }
    //}

}
//AB 09 Aufgabe 3 Wenn von Zeit kleiner als bis zeit, dann tauschen
function changeTime() {
    var timeVon = document.querySelector('#von');
    var timeBis = document.querySelector('#bis');
    if (timeBis.value < timeVon.value) {
        window.confirm("Möchtest du die Werte tauschen?");
        if(window.confirm) {
        let saveVar = timeVon.value;
        timeVon.value = timeBis.value;
        timeBis.value = saveVar;
        }
    }
}
//Aufgabe 3.2 AB09 Formulare ein- und Ausblenden
function showLieferAddr() {
    document.querySelector('#lieferadresse').removeAttribute("display");
    document.querySelector('#lieferadresse').style.display = 'block';

}

function undisplayLieferAddr() {
    document.querySelector('#lieferadresse').removeAttribute("display");
    document.querySelector('#lieferadresse').style.display = 'none';
}

//Kreditkarten
function enableCC() {
    var cbRechnung = document.querySelector('#rechnung');
    var cbVISA = document.querySelector('#visa');
    var cbMASTER = document.querySelector('#master');
    if (cbRechnung.checked == false && cbVISA.checked == false && cbMASTER.checked == false) {
        document.querySelector('#kartenzahlung').style.display = 'none';
    }
}

//Auswahl Zahlungsmethode
function zahlungsMethodeChange() {
    var cbRechnung = document.querySelector('#rechnung');
    var cbVISA = document.querySelector('#visa');
    var cbMASTER = document.querySelector('#master');
    var kartenzahlung = document.querySelector('#kartenzahlung');
    if(cbRechnung.checked == true && cbVISA.checked == false && cbMASTER.checked == false) {
        kartenzahlung.removeAttribute("display");
        kartenzahlung.style.display = 'none';
    } else if ( cbVISA.checked == true && cbRechnung.checked == false && cbMASTER.checked == false) {
        kartenzahlung.removeAttribute("display");
        kartenzahlung.style.display = 'block';
    } else if (cbMASTER.checked == true && cbVISA.checked == false && cbRechnung.checked == false) {
        kartenzahlung.removeAttribute("display");
        kartenzahlung.style.display = 'block';
    } if ( cbVISA.checked == false && cbMASTER.checked == false) {
        kartenzahlung.removeAttribute("display");
        kartenzahlung.style.display = 'none';
    }
}

//Aufgabe 3.3 AB09 Kreditkarten überprüfung
function validateCCDate() { // not working
    var monthCC = document.querySelector('#monthCC');
    var yearCC = document.querySelector('#yearCC');
    var crossCheck = document.querySelector('#input-cross-check');
    var cross = document.querySelector('#cross');
    var check = document.querySelector('#check');
    var dayCC = "01";
    var d = new Date();
    d.setDate(dayCC);
    d.setMonth(monthCC.value);
    d.setFullYear(yearCC.value); //Entweder letzter oder erster Tag des Monats. 01 verursacht Fehler im Strict-mode deshalb als String
    var now = new Date(Date.now()); //aktuelles Datum
    //now.setDate("01"); // Zum vergleichen müssen die Tage gleich sein
    if(d > now) {
        console.log("Datum korrekt.");
        crossCheck.removeAttribute("display");
        crossCheck.style.display = "block";
        cross.removeAttribute("display");
        cross.style.display = "none";
        check.removeAttribute("display");
        check.style.display = "block";
    } else if (now > d) {
        crossCheck.removeAttribute("display");
        crossCheck.style.display = "block";
        cross.removeAttribute("display");
        cross.style.display = "block";
        check.removeAttribute("display");
        check.style.display = "none";
        window.confirm("Dein Datum ist nicht gültig.\nDie Felder werden zurückgesetzt.");
        monthCC.value = "";
        yearCC.value = "";
        monthCC.focus();
        console.log("Datum ungültig.")
    } else {
        console.log("error");
    }

}

//Funktioniert nicht
function setDatenVonBis() {
    var von = document.querySelector('#von');
    var bis = document.querySelector('#bis');
    var f = new Date();
    von.placeholder = f.getHours()+":"+f.getMinutes();
    bis.placeholder = f.getHours()+3 + ":" + f.getMinutes();
}

//Wenn Karteninhaber nicht ausgefüllt ist, dann soll der Name aus der Rechnung entnommen werden.
function setInhaberCC() {
    var nameRechnung = document.querySelector('#rechnungName');
    var inhaberCC = document.querySelector('#karteinhaber');
    if(inhaberCC.value === null) {
        inhaberCC.value = nameRechnung.value;
    }
}

//Luhn Algorithmus - not working
function verifyCCNum () {

    var len = document.querySelector('#card-nr'+'#pruefziffer').length;
    var sum = 0;
    var cardNr = document.querySelector('#card-nr'+'#pruefziffer');
    var ccNum = false;
    for (var i = len-1; i>=0; i--) { // Zähle von Rechts nach links
        var d = parseInt(cardNr.value.charAt(i));
        if( i% 2 ==(len%2)) {
            d *= 2;
            if (d > 9) {
                d -= 9;
            }
            sum += d;
        }
    }
    if (sum%10 === 0) {
        ccNum = true;
        console.log("ccnum ok")
    }
    if (ccNum) {
        var checkSumme = (sum%10)+"0";
        checkSumme = 0 ? 0 : 10 - checkSumme;
    }
    if(checkSumme == 0) {
        return true;
    } else {
        return false;
    }
}