KeyFilter

KeyFilter can be used to filter keyboard input on specified input components.

Documentation
Predefined masks and their regular expressions:
pint /[\d]/
int /[\d\-]/
pnum /[\d\.]/
money /[\d\.\s,]
num /[\d\-\.]/
hex /[0-9a-f]/i
email /[a-z0-9_\.\-@]/i
alpha /[a-z_]/i
alphanum /[a-z0-9_]/i


KeyFilter with regEx on a p:inputText
KeyFilter with mask on a h:inputText
KeyFilter with testFunction on a p:autoComplete
Predefined masks and their regular expressions:
<table>
    <tr>
        <td><strong>pint</strong></td>		
        <td>/[\d]/</td>
    </tr>
    <tr>
        <td><strong>int</strong></td>
        <td>/[\d\-]/</td>
    </tr>
    <tr>
        <td><strong>pnum</strong></td>
        <td>/[\d\.]/</td>
    </tr>
    <tr>
        <td><strong>money</strong></td>		
        <td>/[\d\.\s,]</td>			
    </tr>
    <tr>
        <td><strong>num</strong></td>		
        <td>/[\d\-\.]/</td>			
    </tr>
    <tr>
        <td><strong>hex</strong></td>		
        <td>/[0-9a-f]/i</td>		
    </tr>
    <tr>
        <td><strong>email</strong></td>		
        <td>/[a-z0-9_\.\-@]/i</td>	
    </tr>
    <tr>
        <td><strong>alpha</strong></td>		
        <td>/[a-z_]/i</td>			
    </tr>
    <tr>
        <td><strong>alphanum</strong></td>	
        <td>/[a-z0-9_]/i</td>		
    </tr>
</table>

<br />
<br />

<h:form>
    <h:panelGrid columns="2">  
        <h:outputText value="KeyFilter with regEx on a p:inputText" />  
        <p:inputText id="text1">
            <p:keyFilter regEx="/[ABC]/i"/>  
        </p:inputText>

        <h:outputText value="KeyFilter with mask on a h:inputText"/>  
        <h:inputText id="text2" /> 

        <h:outputText value="KeyFilter with testFunction on a p:autoComplete" />  
        <p:autoComplete id="autoComplete1" value="#{autoCompleteView.txt1}" completeMethod="#{autoCompleteView.completeText}" />  
    </h:panelGrid>
    
    <p:keyFilter for="text2" mask="num"/>
    <p:keyFilter for="autoComplete1" testFunction="return c == 'z';"/>
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.