Input mask for phone number

UI Components for JSF
Post Reply
gfcarvalho
Posts: 12
Joined: 25 May 2010, 14:14

05 May 2016, 16:34

I tried the code bellow but doesn't work.
Could someone show me an example for input mask in mobile version?
Thanks

* primefaces 5.3 and wildfly 9.0.1

Code: Select all

<pm:field>				
   <p:outputLabel value="Phone" for="phoneNumber" />
   <p:inputMask mask="(99)99999-9999" 
			 id="phoneNumber" 
			 value="#{UserMB.phone}" 
			 required="true"  />
</pm:field>

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

11 May 2016, 13:02

Please try with;

Code: Select all

<script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js"/>
<script type="text/javascript">
    $(window).load(function() {
        var $this = PF('maskInput');
        if($this) {
            $this.input.mask("(99)99999-9999");
        }
    });
</script>

// XHTML
<pm:field>
    <p:outputLabel for="phone" value="Phone:" />
    <p:inputText widgetVar="maskInput" id="phone" placeholder="Phone Number" type="tel" />
</pm:field>
Screenshot;
Image

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 39 guests