thurdataOrderform/check_configure_kerio_buisness_mail.tpl

<style>
.has-error { background-color: #f003 !important; }
.has-success { background-color: #0f03 !important; }
</style>

<script>
    function checkInput (domain, pid) {
        var xhttp = new XMLHttpRequest();
        var success = false;
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                if( this.responseText.trim() == 'yes') {
                    console.log(this.responseText);
                    $(customFields[0]).addClass('has-success');
                    $(customFields[0]).removeClass('has-error');
                    $("#hint").text('');
                    if ($(checkBox[0]).hasClass('checked')) {
                        $("#btnCompleteProductConfig").prop("disabled",false);
                    } else {
                        $("#btnCompleteProductConfig").prop("disabled",true);
                        $("#hint").text('Bitte akzeptieren Sie die erweiterten Nutzungsbedingungen!');

                    }
                } else {
                    console.log(this.responseText);
                    $(customFields[0]).addClass('has-error');
                    $(customFields[0]).removeClass('has-success');
                    $("#hint").text('Domain ' + $(customFields[0]).val() + ' nicht verfügbar!');
                    $("#btnCompleteProductConfig").prop("disabled",true);
                }
            }
        };
        xhttp.open("GET", "modules/servers/kerioEmail/kerioDomainAvailable.php?domain=" + domain + '&pid=' + pid, true);
        xhttp.send();
    };
    jQuery(document).ready(function(){
        customFields = $("*[id^='customfield']");
        checkBoxHelper = $("*[class^='iCheck-helper']");
        checkBox = $("*[id^='iCheck-customfield']")
        $("#btnCompleteProductConfig").prop("disabled",true);
        $(customFields[0]).val(''); // domain
        $(checkBox[0]).removeClass('checked'); // checkbox
        $(customFields[0]).blur(function () {
            checkInput( $(customFields[0]).val().trim(), {$productinfo['pid']});
        });
        $(customFields[0]).paste(function () {
            checkInput( $(customFields[0]).val().trim(), {$productinfo['pid']});
        });
        $(customFields[0]).on('input', function () {
            setTimeout(function () {
                checkInput( $(customFields[0]).val().trim(), {$productinfo['pid']});
            }, 1);
        });
        $(customFields[0]).focus(function () {
            $(customFields[0]).addClass('has-success');
            $(customFields[0]).removeClass('has-error');
            $(customFields[0]).css('background-color', '');
        });
        $(checkBoxHelper[0]).click(function () {
            setTimeout(function () {
                checkInput( $(customFields[0]).val().trim(), {$productinfo['pid']});
            }, 1);
        });
    });
</script>