Как изменить стили CSS на валидаторе формы сплава-интерфейса?

Как я могу изменить стили CSS полей ввода и меток, когда средство проверки формы пользовательского интерфейса обнаруживает пустое поле?

Это одно из полей

<label for='<portlet:namespace  />formnumdoc'>
    <liferay-ui:message key="formulario.DOCUMENT"/><span class="red_mini">*</span>
</label>
<input type='text' id='<portlet:namespace  />formnumdoc' name='formnumdoc' />

И это сценарий Alloy Ui

YUI().use('aui-form-validator', function(Y) {
    new Y.FormValidator({
        boundingBox : '#frmEntity',
        rules : {
            formnumdoc : {
                required : true
            }
        },
        fieldStrings: {
            formnumdoc: {
                required: '<liferay-ui:message key="formulario.REQUIRED_FIELD_ALERT"/>'
              }
            }
    });
});

1 ответ

Решение

Вы можете изменить CSS, что AlloyUI FormValidator относится с errorClass а также validClass атрибуты:

new Y.FormValidator({
    /* your code here... */
    errorClass: 'your-new-error-class',
    validClass: 'your-new-valid-class'
});

Вы также можете проверить containerErrorClass а также containerValidClass,

Другие вопросы по тегам