0

Estou desenvolvendo uma área onde o aluno se cadastrará nela, portanto resolvi buscar ajuda de bibliotecas como o jQuery, obtive um bom resultado diante disso, porém está ocorrendo alguns erros no meu script que não consigo identificar.

<!Doctype html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js"></script>
</head>
<body>
<form name="dados" id="dados" method="POST">
  <input type="text" id="cpf" name="cpf" placeholder="CPF">
  <input type="text" id="telefone" name="telefone" placeholder="Telefone">
  <input type="text" id="celular" name="celular" placeholder="Celular">
</form>
</body>
      <script>
        $(document).ready(function(){
             $('#cep').mask('00000-000');
             $('#telefone').mask('0000-0000');
             $('#celular').mask('00000-0000');
             $('#cpf').mask('000.000.000-00', {reverse: true});
             $('#rg').mask('00.000.000-00', {reverse: true});
        });
      </script>

Este jQuery Mask é desenvolvido por: https://igorescobar.github.io/jQuery-Mask-Plugin/docs.html

OBS: Meu script não funciona a aplicação de mascaras citadas anteriormente.

7
  • 1
    Você precisa adicionar o jquery no head também, não só o plugin do masked input. Commented 19/12/2018 às 13:45
  • Eu o adicionei agora <script src="jquery-3.3.1.min.js"></script> porém não funciona.
    – King
    Commented 19/12/2018 às 13:48
  • 1
    Só pra deixar claro o link do jQuer deve vir primeiro que o link do plugin vc sabe né? Tipo assim: <script src="jquery-3.3.1.min.js"></script><script src="cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/…>
    – hugocsl
    Commented 19/12/2018 às 13:50
  • Sim, eu fiz assim.
    – King
    Commented 19/12/2018 às 14:02
  • tente inserir via cdn o jquery. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> Commented 19/12/2018 às 14:08

1 Resposta 1

0

Aqui funcionou, assim:

<!Doctype html>
<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js"></script>
</head>
<body>
<form name="dados" id="dados" method="POST">
  <input type="text" id="cpf" name="cpf" placeholder="CPF">
  <input type="text" id="telefone" name="telefone" placeholder="Telefone">
  <input type="text" id="celular" name="celular" placeholder="Celular">
</form>
</body>
      <script>
        $(document).ready(function(){
             $('#cep').mask('00000-000');
             $('#telefone').mask('0000-0000');
             $('#celular').mask('00000-0000');
             $('#cpf').mask('000.000.000-00', {reverse: true});
             $('#rg').mask('00.000.000-00', {reverse: true});
        });
      </script>
</html>

2
  • Pelo o que eu observei, seu código está igual o meu correto?
    – King
    Commented 19/12/2018 às 14:34
  • Sim... apenas coloquei o </html> no final, e adicionei o script do jquery ao <haed> Commented 19/12/2018 às 17:40

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 .