Validating Javascript with jQuery Mask

Question

Validating Javascript with jQuery Mask

Navigation

#1 by (0 votes)

0

I'm developing an area where the student will enroll in it, so I decided to get help from libraries like jQuery, I got a good result on this, however there are some errors in my script that I can not identify.

<!Doctype html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.js"></script></head><body><formname="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>

This jQuery Mask is developed by: link

NOTE: My script does not work on the masquerade application mentioned above.

javascript jquery jquery-masked-input

asked by anonymous 19.12.2018 / 14:44

1 answer

can not ready property 'controls' of null when using formArray Laravel - How to call several methods passing the same route?

score 0 · Accepted Answer

Here it worked, like this:

<!Doctype html>
<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><scriptsrc="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>