JSF - Inputs com formato, por ex cpf: 999.999.999-99

Front-end
#1

Colegas,

O vocês indicam para formatação de campos Text Input do tipo: cpf, data e entre outros, no jsf?

Muito obrigado,

Marques

#2

Vc está usando richfaces ou a4j???
Se sim faça o salve o arquivo do post em pasta depois adicione ao seu projeto:

  <f:view>
          <a4j:form> 
    <a4j:loadScript src="pasta que vc salvou o arquivo /jquery.maskedinput-1.1.4.pack.js" />  
         <h:inputText id="cpf" size="5">
                          <rich:jQuery selector="#cpf" query="mask('999.999.999-99')" timing="onload" /> 
       </h:inputText>
 </a4j:form>  
  </f:view>

Se não der certo por favor poste.

#3

Acho que basicamente trabalhar com jsf-converters e jquery resolve muito bem o problema!
Abraços e boa sorte.

#4

Daniel.F,

valeu pela dica. Funcionou perfeitamente para o que eu estava precisando…

:slight_smile:

#5

Apesar de reproduzir o código postado, a máscara CNPJ do código a seguir não funciona. Alguém poderia dar um help.

Valeu!!!

<h:outputText value="CNPJ" /> <a4j:form > <a4j:loadScript src="cfg/jquery.maskedinput-1.1.4.pack.js" /> <h:inputText id="cnpj" required="true" value="#{ManagerBean.empresa.cnpj}" style="width:160px;" > <rich:jQuery selector="#cnpj" query="mask('99.999.999/9999-99')" timing="onload" /> </h:inputText> </a4j:form>

A seguir vai o código todo…

[code]
<%@ page language=“java” contentType=“text/html; charset=ISO-8859-1”
pageEncoding=“ISO-8859-1” %>
<%@ taglib uri=“http://java.sun.com/jsf/core” prefix=“f” %>
<%@ taglib uri=“http://java.sun.com/jsf/html” prefix=“h” %>
<%@ taglib uri=“http://richfaces.org/rich” prefix=“rich” %>
<%@ taglib uri=“http://richfaces.org/a4j” prefix=“a4j” %>

Sistema de Controle de Equipamentos

Seção Administrativa e Financeira - 5ª SRPRF/RJ
Sistema de Controle de Equipamentos

<f:view>
<h:outputText value=“Cadastra Empresas - Fabricantes/Manutenção”
style=“font-weight:bold; margin-left:250px;”/>
<h:form id=“form2”>

Dados do Empresa

<h:outputText value=“UF” />
<h:selectOneMenu value="#{ManagerBean.empresa.idufempresa}" style=“width:50px;” >
<f:selectItem itemValue=“1” itemLabel=“AL” />
<f:selectItem itemValue=“2” itemLabel=“BA” />
<f:selectItem itemValue=“2” itemLabel=“CE” />
</h:selectOneMenu>
<h:outputText value=“CEP” />
<h:inputText value="#{ManagerBean.empresa.cepempr}" style="width:100px; " />
</h:panelGrid>

Contato/Tipo de Empresa

<h:outputText value=“Contato” />
<h:inputText value="#{ManagerBean.empresa.contatoempr}" style=“width:120px;” />
<h:panelGroup>
<h:outputText value=“Fabricante " />
<h:selectBooleanCheckbox value=”#{ManagerBean.empresa.fabr}" />
</h:panelGroup>
<h:outputText />

<h:panelGroup>
<h:outputText value=“Manutenção " />
<h:selectBooleanCheckbox value=”#{ManagerBean.empresa.manut}" />
</h:panelGroup>
<h:outputText />

</h:panelGrid>

</f:view>

[/code]
#6

Sobe…

#7

Alguém pode dar uma ajuda??? Valeu!!!

#8