thurdataOrderform/check_configure_thurvserver.tpl

<script>
    jQuery(document).ready(function(){
        customFields = $("*[id^='customfield']");
        $("#btnCompleteProductConfig").prop("disabled",true);
        $(customFields[2]).val('');
        $(customFields[3]).val('');
        $(customFields[3]).prop("disabled",true);
        $(customFields[2]).focus (function () {
            $("#hintHead").text('Tipps für ein gutes Passwort');
            $("#hintLength").text('Benutzen Sie mindestens 8 Zeichen');
            $("#hintNumeric").text('Benutzen Sie mindestens eine Zahl');
            $("#hintSymbols").text('Benutzen Sie auch mindestens eines der folgenden Symbole (# $ ! % + - etc...)');
            $("#hintUpperLower").text('Benutzen Sie Groß- und Kleinschreibung');
        });
        $(customFields[2]).keyup(function () {
            var pwlengthOK = false;
            var numericOK = false;
            var symbolsOK = false;
            var upperOK = false;
            var pw = $(customFields[2]).val();
            var pwlength = (pw.length);
            if (pwlength > 7) {
                pwlengthOK = true;
                $("#hintLength").text('');
            } else {
                pwlengthOK = false;
                $("#hintLength").text('Benutzen Sie mindestens 8 Zeichen');
            }
            var numeric = pw.replace(/[0-9]/g, "");
            var numnumeric = (pw.length - numeric.length);
            if (numnumeric > 0) {
                numericOK = true;
                $("#hintNumeric").text('');
            } else {
                numericOK = false;
                $("#hintNumeric").text('Benutzen Sie mindestens eine Zahl');
            }
            var symbols = pw.replace(/\W/g, "");
            var numsymbols = (pw.length - symbols.length);
            if (numsymbols > 0) {
                symbolsOK = true;
                $("#hintSymbols").text('');
            } else {
                symbolsOK = false;
                $("#hintSymbols").text('Benutzen Sie auch mindestens ein Symbol oder Sonderzeichen (# $ ! % & + - etc...)');
            }
            var upper = pw.replace(/[A-Z]/g, "");
            var numupper = (pw.length - upper.length);
            var lower = pw.replace(/[a-z]/g, "");
            var numlower = (pw.length - lower.length);
            if ((numupper > 0) && (numlower > 0)) {
                upperlowerOK = true;
                $("#hintUpperLower").text('');
            } else {
                upperlowerOK = false;
                $("#hintUpperLower").text('Benutzen Sie Groß- und Kleinschreibung');
            }
            $(customFields[2]).removeClass('has-error has-warning has-success');
            if (pwlengthOK && numericOK && symbolsOK && upperlowerOK) {
                $(customFields[3]).prop("disabled",false);
                $(customFields[2]).addClass('has-success');
                $(customFields[2]).css('background-color', '#0f03');;
                $("#hintHead").text('');
            } else {
                $(customFields[3]).prop("disabled",true);
                $(customFields[2]).addClass('has-error');
                $(customFields[2]).css('background-color', '#f003');;
                $("#hintHead").text('Tipps für ein gutes Passwort');
            }
        });
        $(customFields[3]).keyup(function () {
            if ($(customFields[3]).val() == $(customFields[2]).val()) {
                $("#btnCompleteProductConfig").prop("disabled",false);
                $(customFields[3]).addClass('has-success');
                $(customFields[3]).css('background-color', '#0f03');;
                $("#hintHead").text('');
            } else {
                $("#btnCompleteProductConfig").prop("disabled",true);
                $(customFields[3]).addClass('has-error');
                $(customFields[3]).css('background-color', '#f003');;
                $("#hintHead").text('Passworte stimmen nicht überein!');
            }
        });
    });
    function toggleViewPW(element) {
        if (element.previousElementSibling.type == 'password') {
            element.previousElementSibling.type = 'text';
            element.textContent = '👁 Passwort verstecken';
        }
        if (element.previousElementSibling.type == 'text') {
            element.previousElementSibling.type = 'password';
            element.textContent = '👁 Passwort anzeigen';
        }
    }
</script>