<a:form> <h:panelGrid columns="2" cellpadding="5"> <a:outputLabel for="date" value="Date: " /> <a:inputMask id="date" value="#{maskView.date}" mask="99/99/9999"/> <a:outputLabel for="phone" value="Phone:" /> <a:inputMask id="phone" value="#{maskView.phone}" mask="(999) 999-9999"/> <a:outputLabel for="phoneWithExt" value="Phone with Ext:" /> <a:inputMask id="phoneWithExt" value="#{maskView.phoneExt}" mask="(999) 999-9999? x99999"/> <a:outputLabel for="taxId" value="Tax Id:" /> <a:inputMask id="taxId" value="#{maskView.taxId}" mask="99-9999999"/> <a:outputLabel for="ssn" value="SSN:" /> <a:inputMask id="ssn" value="#{maskView.ssn}" mask="999-99-9999"/> <a:outputLabel for="key" value="Product Key: " /> <a:inputMask id="key" value="#{maskView.productKey}" mask="a*-999-a999"/> <a:commandButton value="Reset" type="reset" /> <a:commandButton value="Submit" update="display" oncomplete="PF('dlg').show()"/> </h:panelGrid> <a:dialog widgetVar="dlg" modal="true" resizable="false" header="Values" showEffect="fade"> <a:panelGrid id="display" columns="2" columnClasses="label,value"> <h:outputText value="Date: " /> <h:outputText id="dateValue" value="#{maskView.date}" /> <h:outputText value="Phone: " /> <h:outputText id="phoneValue" value="#{maskView.phone}" /> <h:outputText value="Phone with Ext: " /> <h:outputText id="phoneWithExtValue" value="#{maskView.phoneExt}"/> <h:outputText value="taxId: " /> <h:outputText id="taxValue" value="#{maskView.taxId}" /> <h:outputText value="SSN: " /> <h:outputText id="ssnValue" value="#{maskView.ssn}" /> <h:outputText value="Product Key: " /> <h:outputText id="keyValue" value="#{maskView.productKey}" /> </a:panelGrid> </a:dialog> </a:form>
package com.jarch.showcase.view.input; import javax.faces.bean.ManagedBean; @ManagedBean public class MaskView { 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; } }