Применение стиля на форме валидации (css in js)

function createStyleForMessagesErrors() {
 
    applyStyle('label.error', {
        'width': '100%',
        'display': 'block', /*Элемент генерирует структурный блок, как и тег <div>.*/
        'padding-left': '5px',
        'margin-top': '2%',
        'color': '#f9066b',
 
        'font-style': 'italic',
        'font-weight': '300',
 
        'font-size': '12px',
        'border-radius': '4px', /*загругление углов контейнера для ошибок*/
        'box-shadow': '0 0 3px #1023a2', /*тень вокруг контейнера для ошибок*/
 
        /*  Абсолютно позиционированный элемент полностью удаляется из
        потока документа и позиционируется относительно границ его
        блока-контейнера (другого элемента или окна браузера).*/
        /* position: relative;*/
        'top': '40%',
        'left': '100%',
        'z-index': '1'
    });
}
 
function applyStyle(selector, style) {
    $(selector).css(style);
}

function createFieldInput(classDiv, htmlLabel, type,
                          name, id, placeholder,
                          value, toSelector) {
 
 
    var classDivAndTwoName = 'form-group' + ' ' + classDiv;
    var inputClass = 'form-control';
 
    createElemIntoAnotherElemWithAttributes(
        '<div>', {class: classDivAndTwoName }, toSelector
    );
 
 
    createElemIntoAnotherElemWithAttributes(
        '<label>', {
            for: id,
            html: htmlLabel
        }, '.' + classDiv
    );
    createElemIntoAnotherElemWithAttributes(
        '<input>', {
            type: type,
            class: inputClass ,
            name: name,
            id: id,
            placeholder: placeholder,
            value: value
        }, '.' + classDiv
    );
 
 
 
}