Как изменить стили 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
,