Password

Password component is an extended version of standard inputSecret component with theme integration, strength indicator and match mode.

Enter your passwords
Basic:
Feedback:
Feedback (Turkish):
Inline Feedback:
Match Mode

Source

<h:form id="form">
		
    <p:panel header="Enter your passwords">
        <h:panelGrid columns="2">
            <h:outputText value="Basic: " />
            <p:password id="nonFeedback" value="#{passwordBean.password1}" />

            <h:outputText value="Feedback: " />
            <p:password id="feedback" value="#{passwordBean.password2}" feedback="true"/>

            <h:outputText value="Feedback (Turkish): " />
            <p:password id="turkishFeedback" value="#{passwordBean.password3}" feedback="true" 
                        promptLabel="Lütfen şifre giriniz" weakLabel="Zayıf"
                        goodLabel="Orta seviye" strongLabel="Güçlü" />

            <h:outputText value="Inline Feedback: " />
            <p:password id="inlineFeedback" value="#{passwordBean.password4}" feedback="true" inline="true" />
        </h:panelGrid>
    </p:panel>

    <p:spacer height="10" />

    <p:panel header="Match Mode">
        <p:messages id="messages" showDetail="true" autoUpdate="true"/>

        <h:panelGrid columns="2" id="matchGrid">                   
            <h:outputLabel for="pwd1" value="Password 1: *" />
            <p:password id="pwd1" value="#{passwordBean.password5}" match="pwd2" label="Password 1" required="true"/>

            <h:outputLabel for="pwd2" value="Password 2: *" />
            <p:password id="pwd2" value="#{passwordBean.password5}" label="Password 2" required="true"/>
        </h:panelGrid>

        <p:commandButton id="saveButton" update="matchGrid" value="Save" />
    </p:panel>

</h:form>