Styling Invalid Password fields does not work

[vbose]

I have read the blog post by catagay civici at http://cagataycivici.wordpress.com/2011 ... -with-jsf/ and tried to apply the same technique for a couple of <p:password> elements. But it does not work with them. There are two issues I found with <p:password> that prohibits from applying what is described in the above mentioned blog.

First Issue - p:password element is wrapped inside a span. The id of p:password element gets set as the id of the parent span element. The actual id of the p:password rendered at run time is whatever id that was set for p:password concatenated by _input. for e.g. currentPassword_input. So the styleClass="#{not component.valid ? 'ui-input-invalid' : ''}" gets set at the parent span id of the p:password element and not for the input text part of the p:password element.

Second Issue - When the validation fails, the style class ui-state-error does not get set for the inputText part of <p:password> like it does for <p:inputText> elements.

Are there any work around for this issue? I am using primefaces 3.0.M1.

[vbose]

The invalid field styling is enabled by default for InputText and InputTextArea components in 3.0.M1. However, the same is not available for <p:password> component. I have created an issue ticket to apply ui-state-error theme class for invalid <p:password> fields as well. This can be done in PasswordRenderer class. I hope this gets fixed in nightly build.

The issue is created at the following URL.
http://code.google.com/p/primefaces/iss ... il?id=1980