JSFコンポーネントの背景イメージを更新するinputText

Question

テキストフィールドの背景イメージを更新しようとしています。ここで

は、入力されたテキストフィールドです：

<h:inputText label="#{spv.propDef.displayName}" value="#{spv.value}" styleClass="fieldValidation" 
disabled="#{spv.disabled}" onkeyup="Validation.checkType(this, '#{spv.propDef.getDataType().name()}');"> 
    </h:inputText> 

は、ここに私のJavaScriptのだ：

var GAValidation = function(){ 
'use strict'; 

var that = {}; 
var regex = /^(>=(){0,1}-?\d+|<=(){0,1}-?\d+|>(){0,1}-?\d+|<(){0,1}-?\d+|-?\d+|<>(){0,1}\d+|<> -?\d+ to -?\d+|-?\d+ to -?\d+)$/; 
that.checkType = function(input, type){ 
    var c = false; 
    if(regex.test(input.value)){ 
     c=true; 
    } 
    if(c){ 
     console.log("Valid"); 
     $(input).addClass("green"); 
    }else{ 
     console.log("Invalid"); 
    } 
}; 

return that; 
}(); 

私のCSS：

私は console.log("Valid");があることを参照

.green { 
background-image: url('#{request.contextPath}/resources/gfx/valid_textfield.png'); 

}

要素はクラスが追加されています（私はそれを調べて確認しましたが、イメージは更新されていません）。 background-colorを使用して色を更新できます。

Answer 1

レンダリングされたCSSの背景画像URL（＃{request.contextPath}が正しいURLを返すかどうか）