1

Eu preciso de criar máscaras para uns inputs que eu tenho no código, e já tinha perguntado sobre isso, mas penso que o post ficou desatualizado e então ficou "esquecido". No entanto o que tinha conseguido com aquele post foi:

HTML:

Dentro do <HEAD>:

        <script src="assets/plugins/jquery.maskedinput.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

Dentro do <BODY>:

<input type="text" name="search" id="search" placeholder="Escreva o número de processo aqui..." required maxlength="5">

Javascript depois de </HTML>:

<script type="text/javascript">

        $(document).ready(function(){
            $("#search").mask("99999");
        });

e mesmo assim não funciona. já tentei criar uma nova página para testar esta função mas também não funcionou. Alguém tem alguma ideia do que se passa?

3
  • Você tem que carregar primeiro o jquery, depois o masked input e por último o seu document.ready 24/03/2016 às 2:12
  • Como assim? o jquery, voce esta a falar das bibliotecas? depois o script? 24/03/2016 às 2:18
  • Isso, dá uma olhada na resposta e tenta alterar a ordem do carregamento dos arquivos JS 24/03/2016 às 2:47

2 Respostas 2

2

O problema ocorre devido a falha na ordem de carregamento dos scripts. Faça a seguinte alteração:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="assets/plugins/jquery.maskedinput.js"></script>

Edit: montei um fiddle: https://jsfiddle.net/61tok014/ e aparentemente funcionou.

5
  • tentei o que falaram, mas continua a não funcionar. não ha outra maneira de fazer mascaras? 24/03/2016 às 2:55
  • Faço todas as minhas masks com esse plugin sem problema. Tem certeza que os arquivos estão carregando.? 24/03/2016 às 2:58
  • Eu uso muitos plugins, para obter icons do font-awesome, modals de bootstrap etc..será por causa disso? devo meter as mask primeiro? 24/03/2016 às 2:59
  • Que você tem que colocar primeiro o jquery depois os plugins eu tenho certeza 24/03/2016 às 3:00
  • Eu uso o sublime text, e costumo guardar os projetos com UTF-8 with BOM faz diferença? 24/03/2016 às 3:15
1

Consegui! Alterei

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    <script src="assets/plugins/jquery.maskedinput.js"></script>

para

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>

Obrigado pela ajuda

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 .