합금 -ui 양식 검사기에서 CSS 스타일을 변경하는 방법은 무엇입니까?

Question

합금 UI 폼 유효성 검사기가 빈 필드를 감지하면 어떻게 입력 필드와 레이블의 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' /> 

중 하나입니다 그리고 이것은 합금 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"/>' 
       } 
      } 
    }); 
}); 

Answer 1

AlloyUI FormValidator가 errorClass 및 validClass 속성을 적용 당신은 CSS를 변경할 수 있습니다 :

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

을 확인할 수도 있습니다.및 containerValidClass.