Pessoal,
Eu estou tentando fazer a mascara de um campo inputText e não tá funcionando, porém se eu usar um arquivo html puro com input normal funciona, como nesse exemplo que peguei na net:
http://www.wmonline.com.br/desenvolvimento/javascript/mascara-em-campos-com-jquery
não estou utilizando richface, somente jsf, lembrando que o caminho pra os arquivos js estão corretos,
Agradeço desde já pela colaboração, veja meu código da minha página xhtml:
<?xml version="1.0" encoding="ISO-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<title>Cadastro de usuario</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/maskedinput-1.1.2.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function(){
$.mask.addPlaceholder("~","[+-]");
$("#telefone").mask("([telefone removido]");
$("#form\\:telefone").mask("([telefone removido]");
$("#cep").mask("99999-999");
$("#data").mask("99/99/9999");
$("#cpf").mask("[CPF removido]");
$("#cnpj").mask("99.999.999/9999-99");
});
});
</script>
</h:head>
<h:body>
<h1>Cadastro de usuario</h1>
<hr />
<h:form>
<h:messages errorStyle="color: red"/>
<h:inputHidden id="codigo" for="codigo"
value="#{pessoaBean.pessoa.codigo}"/>
<h:panelGrid columns="2">
<h:outputLabel value="Nome:" for="nome" />
<h:inputText id="nome" Label="Nome" value="#{pessoaBean.pessoa.nome}"
required="true" maxlength="30" requiredMessage="Favor informar o Nome." />
<h:outputLabel value="Telefone:" for="telefone" />
<h:inputText id="telefone" Label="Telefone" value="#{pessoaBean.pessoa.telefone}"
required="true" maxlength="10" requiredMessage="Favor informar o Telefone." >
</h:inputText>
<h:outputLabel value="Endereco:" for="endereco" />
<h:inputText id="endereco" Label="Endereco" value="#{pessoaBean.pessoa.endereco}"
required="true" size="50" maxlength="30" requiredMessage="Favor informar o Endereco." />
<h:outputLabel value="Sexo:" for="sexo"/>
<h:selectOneMenu id="sexo" value="#{pessoaBean.pessoa.sexo}" required="true" requiredMessage="Favor informar o Sexo.">
<f:selectItem itemValue="" itemLabel="Selecione..."/>
<f:selectItem itemValue="M" itemLabel="Masculino"/>
<f:selectItem itemValue="F" itemLabel="Feminino"/>
</h:selectOneMenu>
<h:outputText />
</h:panelGrid>
<h:panelGrid columns="3">
<h:commandButton action="#{pessoaBean.salvar}" rendered="#{empty pessoaBean.pessoa.codigo}" value="Salvar" />
<h:commandButton action="#{pessoaBean.alterar}" rendered="#{!empty pessoaBean.pessoa.codigo}" value="Alterar" />
<h:commandButton action="#{pessoaBean.listarPessoa}" immediate="true" value="Listar usuarios" />
</h:panelGrid>
</h:form>
<hr />
</h:body>
</html>
