Masked Input
InputMask component forces input to be formatted in a specific way
Source
<h:form>
<p:panel header="Masks">
<h:panelGrid columns="2" cellpadding="5">
<h:outputText value="Date: " />
<p:inputMask value="#{maskController.date}" mask="99/99/9999"/>
<h:outputText value="Phone: " />
<p:inputMask value="#{maskController.phone}" mask="(999) 999-9999"/>
<h:outputText value="Phone with Ext: " />
<p:inputMask value="#{maskController.phoneExt}"
mask="(999) 999-9999? x99999"/>
<h:outputText value="taxId: " />
<p:inputMask value="#{maskController.taxId}" mask="99-9999999"/>
<h:outputText value="SSN: " />
<p:inputMask value="#{maskController.ssn}" mask="999-99-9999"/>
<h:outputText value="Product Key: " />
<p:inputMask value="#{maskController.productKey}" mask="a*-999-a999"/>
<p:commandButton value="Reset" type="reset" />
<p:commandButton value="Submit" update="display" oncomplete="dialog.show()"/>
</h:panelGrid>
</p:panel>
<p:dialog widgetVar="dialog" modal="true">
<h:panelGrid id="display" columns="2" cellpadding="5">
<h:outputText value="Date: " />
<h:outputText value="#{maskController.date}" />
<h:outputText value="Phone: " />
<h:outputText value="#{maskController.phone}" />
<h:outputText value="Phone with Ext: " />
<h:outputText value="#{maskController.phoneExt}"/>
<h:outputText value="taxId: " />
<h:outputText value="#{maskController.taxId}" />
<h:outputText value="SSN: " />
<h:outputText value="#{maskController.ssn}" />
<h:outputText value="Product Key: " />
<h:outputText value="#{maskController.productKey}" />
</h:panelGrid>
</p:dialog>
</h:form>
package org.primefaces.examples.view;
public class MaskController {
private String date;
private String phone;
private String phoneExt;
private String taxId;
private String ssn;
private String productKey;
public String getDate() {
return date;
}
public void setDate(String date) {
this.date = date;
}
public String getPhone() {
return phone;
}
public void setPhone(String phone) {
this.phone = phone;
}
public String getPhoneExt() {
return phoneExt;
}
public void setPhoneExt(String phoneExt) {
this.phoneExt = phoneExt;
}
public String getTaxId() {
return taxId;
}
public void setTaxId(String taxId) {
this.taxId = taxId;
}
public String getSsn() {
return ssn;
}
public void setSsn(String ssn) {
this.ssn = ssn;
}
public String getProductKey() {
return productKey;
}
public void setProductKey(String productKey) {
this.productKey = productKey;
}
}
