텍스트 필드 배경색이 작동하지 않습니다.

Question

3 개의 필드가있는 간단한 양식이 있습니다. 그것에는 email 유효성 검사가 있는데, 이는 email이 유효하지 않을 때 텍스트 배경색을 변경해야합니다.

그러나 배경색은 변경되지 않습니다. 코드는 텍스트 배경이 아닌 레이블의 배경색을 변경합니다.

JavaScript로 해결할 수있는 방법이 있습니까?

Fiddle

Answer 1

당신은 background 재산이 아니라 background-color 변경)) 한 줄

Ext.get('txtUsuEmail').setStyle('background-color','#DC143C'); //change this as per below 

2 대 1 작은 변화를 만들

2 Ext.get('txtUsuEmail-inputEl').를 사용하여 특별히 <input> 텍스트 상자를 대상해야합니다.

Ext.get('txtUsuEmail-inputEl').setStyle('background','#DC143C'); 

이 작동합니다 : 같은

그래서 마지막이 보일 것이다.

Answer 2

당신은 텍스트 필드에 ID를 부여하고 간단하게 아래의 setStyle 사용할 수 있습니다

Ext.get('YourTextFieldId').setStyle('background', '#ABCDEF'); 

을