Mascara para CPF?

5 respostas
J

Pessoal to tentando fazer um campo CPF com mascara mas ta difícil nao funciona da um erro :

<h:inputText id="cpf" value="#{clientefMB.clientef.cpf}" title="CPF.:" size="20" maxlength="14" OnKeyPress="javascript: formatar(this, '###.###.###-##');" />

estou usando jsf

Valeu !

5 Respostas

N

Assim ó :

Importa a taglib do richfaces ! (Acho que tu ja deve ter)

Importa o javascript do mask do jquery que pode ser baixado aqui: Aqui

E o código do input está ai embaixo também.

<%@ taglib prefix="rich" uri="http://richfaces.ajax4jsf.org/rich"%>
<script type="text/javascript" src="/jsf/resources/jquery.maskedinput-1.2.1.js"></script>

     <h:inputText id="cpf" value="" size="11">
         <rich:jQuery selector="#cpf" query="mask('[CPF removido]')" timing="onload"/>
     </h:inputText>

Abraço ai !

G

Se lhe agradar…

Também tem uma lib com os tags/componentes de mascaras (CPF, CNPJ e outros) baseados no richfaces.

Vale pelo menos conferir o livedemo:

J

gilmatryx BOM DIA E OBRIGADO !

G

:slight_smile: valeu.

J

gilmatryx Mano não estou conseguindo usar ! li toda documentação:

1 - baixei o jar, add no classpath
2- importei cabeçalho
3 -bug da um erro referente cabeçalho

Para utilizar o EasyFaces nas suas páginas você vai precisar importar o nosso namespace, para isso utilize:

JSP:
&lt;%@ taglib uri=?http://easyfaces.com.br/easyfaces? prefix=?easy? %&gt;

Facelet (xhtml):

&lt;html xmlns:easy=?http://easyfaces.com.br/easyfaces? &gt;


Depois de importado você  pode utilizar os componentes.

&lt;%@ taglib uri=?http://java.sun.com/jsf/html? prefix=?h? %&gt;

&lt;%@ taglib uri=?http://java.sun.com/jsf/core? prefix=?f? %&gt;

&lt;%@ taglib uri=?http://easyfaces.com.br/easyfaces? prefix=?easy? %&gt;

 

&lt;html&gt;

    &lt;head&gt;

        &lt;title&gt;Simulação de Login&lt;/title&gt; 

    &lt;/head&gt;

    &lt;body&gt;

        &lt;f:view&gt;

            &lt;h:form&gt;

                Login

                &lt;h:inputText value=?#{user.login}? /&gt;

                Senha

                &lt;easy:virtualKeyboard value="#{user.password}? /&gt;

                &lt;h:commandButton value="Entrar" action=?#{backin.logar}? /&gt;

            &lt;/h:form&gt;

        &lt;/f:view&gt;

    &lt;/body&gt;

&lt;/html&gt;
Criado 28 de janeiro de 2010
Ultima resposta 28 de jan. de 2010
Respostas 5
Participantes 3