Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

@betinhocrazy

[Resolvido] MaskedInput e MaskMoney

Por , em Javascript

Recommended Posts

@betinhocrazy    0

@betinhocrazy
Postado

Boa tarde pessoal,

 

Estou tentando criar as máscaras do meu formulário de cadastro. Procurei na internet e achei dois plugins interessantes, o MaskedInput e MaskMoney.

Se eu adiciono o src de apenas um deles e sua função correspondente, funciona beleza, mas se eu tento utilizar os dois (no caso do código abaixo), o MaskMoney funciona, mas as funções do MaskEdit não.

 

o Código do cabeçalho da minha HTML é esse:

 

<head>
<script src="scripts/jquery-1.7.js" type="text/javascript"></script>
<script src="scripts/MaskedInput/jquery.maskedinput-1.3.js" type="text/javascript"></script>
<script src="scripts/MaskedInput/jquery.maskMoney.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function($){
   $("#txt_data").mask("99/99/9999");
   $("#txt_telefone").mask("99 9999-9999");
   $("#txt_celular").mask("99 9999-9999");
   $("#txt_cep").mask("99999-999");
   $("#txt_cpf").mask("999.999.999-99");
});	
</script>
<script type="text/javascript">
$(document).ready(function($){
	// Configuração padrão.
	$("#txt_salario").maskMoney({decimal:",", thousands:"."});		
});
</script>
</head>

 

Se alguém puder ajudar...

 

Att

 

Galera, já descobri o problema. De qualquer forma, vou deixar a solução que encontrei pro caso de alguém passar pelo mesmo problema.

 

Segue o código resolvido abaixo:

<head>
<script src="scripts/jquery-1.7.js" type="text/javascript"></script>
<script src="scripts/MaskedInput/jquery.maskedinput-1.3.js" type="text/javascript"></script>
<script type="text/javascript">
       jQuery(function($){
          $("#txt_data").mask("99/99/9999");
          $("#txt_telefone").mask("99 9999-9999");
          $("#txt_celular").mask("99 9999-9999");
          $("#txt_cep").mask("99999-999");
          $("#txt_cpf").mask("999.999.999-99");
       });     
</script>
<script src="scripts/jquery-1.7.js" type="text/javascript"></script>
<script src="scripts/MaskedInput/jquery.maskMoney.js" type="text/javascript"></script>
<script type="text/javascript">
       $(document).ready(function($){
               // Configuração padrão.
               $("#txt_salario").maskMoney({decimal:",", thousands:"."});              
       });
</script>
</head>

 

Aparentemente, os sources devem anteceder suas funções subsequentes.

 

Att

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado
Aparentemente, os sources devem anteceder suas funções subsequentes.

Aparentemente não, REALMENTE. Você não pode executar uma função sem antes defini-la...

Compartilhar este post

Link para o post
Compartilhar em outros sites

txgruppi    1

txgruppi
Postado

Resolver um problema de conflito carregando o jquery duas vezes, no meu ponto de vista, é uma solução bem porca, não estou criticando o @betinhocrazy mas acho ruim um moderador não comentar sobre isso.

 

Você aumenta o tempo de carregamento da página e perde as bibliotecas carregadas pelo "primeiro jquery" no momento que você carrega o "segundo jquery".

 

Mesmo utilizando cache o navagador fará uma requisição e receberá um 304 Not Modified para usar o cache.

 

Se fosse necessário usar duas versões do jQuery seria aceitável.

 

Existem duas soluções muito simples.

 

1 - Carregar o plugin maskedInput depois do plugin maskMoney

2 - Comentar a definição da funcão $.fn.mask no plugin maskMoney

 

Qualquer uma das soluções permite você usar os dois plugins em uma mesmo instancia do jQuery

 

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Não costumo responder tópicos marcados como [Resolvido], mas vamos lá...

Resolver um problema de conflito carregando o jquery duas vezes, no meu ponto de vista, é uma solução bem porca, não estou criticando o @betinhocrazy mas acho ruim um moderador não comentar sobre isso.

Provavelmente, li o tópico meio na pressa e não percebi.

 

Você aumenta o tempo de carregamento da página e perde as bibliotecas carregadas pelo "primeiro jquery" no momento que você carrega o "segundo jquery".

Negativo, como trata-se do mesmo arquivo, ele fica em cache... Se eu fizer uma nova solicitação durante o carregamento da mesma página, o arquivo será retornado do cache, não de uma nova requisição. A mesma coisa ocorre quando você repete uma imagem em diversos lugares da página. Quando a primeira carrega, todas as outras carregam junto.

Entretanto, não faz muito sentido mesmo, está correto o que você falou.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Eber    0

Eber
Postado

Pessoal,

 

Também tive esse problema e não resolveu chamando duas vezes.

Mas resolveu chamando primeiro o maskMoney e depois o maskedinput.

 

<script type="text/javascript" src="/gescon2/js/jquery.maskMoney.js"></script>
<script type="text/javascript" src="/gescon2/js/jquery.maskedinput-1.2.2.min.js"></script>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito