0

Estou tentando configurar minhas inputs com máscara monetária. Chamei o script da seguinte forma:

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/dist/jquery.mask.min.js">
    $(document).ready(function(){
    $('.money2').mask("#.##0,00", {reverse: true});
</script>

Criei a seguinte input:

<h4 id="cr1">Até 30 dias<input type="text" placeholder="R$ 0,00" id="cr11" name="ncr11" class="money2"/></h4>

Também já tentei substituir o $('.money2') por $('#cr11') na tentativa chamar pelo id.

Em ambos os casos (class ou id) não funcionou, como é possível observar pela imagem abaixo. inserir a descrição da imagem aqui Já deveria chamar a máscara neste campo, correto?

5
  • Qual que é o plugin de máscara que vc ta usando ? o Jquery inputmask ou outro ? manda o link de onde vc baixou ele aqui no comentário 2/10/2017 às 21:03
  • Verifique se os scripts estão sendo carregados normalmente. Aperte F12 e veja se o navegador não apresenta nenhum erro. Aproveitando, utilizei seu código neste fiddle e o mesmo está funcionando normalmente.
    – Randrade
    2/10/2017 às 21:19
  • Olá AnthraxisBR, baixei do seguinte link: github.com/igorescobar/jQuery-Mask-Plugin/archive/master.zip 2/10/2017 às 21:21
  • Olá Randrade, aparece este código no console : XMLHttpRequest síncrono não deve ser usado na thread principal devido a seus efeitos prejudiciais para a experiência de usuário. Para mais informações xhr.spec.whatwg.org (jquery-3.2.1.min.js:4:15845) 2/10/2017 às 21:24
  • Não estou conseguindo resolver amigos... 2/10/2017 às 23:53

1 Resposta 1

1

Têm dois problemas no seu código:

  1. Nunca importe uma lib e execute código JavaScript dentro da mesma tag <script>.
  2. Faltou vc fechar a chamada $(document).ready(function(){}).

Sendo assim, o código fica:

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/dist/jquery.mask.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
       $('.money2').mask("#.##0,00", {reverse: true});
    });
</script>
1
  • Perfeito Lucas. Muito obrigado. 3/10/2017 às 1:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .