Format phone numbers and CNPJ

Question

I’m racking my brain on how to display phone numbers and CNPJ formatted via PHP.

My ideas are either to create a script that when filling the dots and strokes are automatically placed (style when you fill the CPF only with numbers and the site scores automatically), which language I should use for this?

Or else the exit I think is easier, in charge echo delimit the score by the length of the string, someone would tell me which commands I should use (can be only a north, tell me which command does this I go after more information)?

Answer 1

Create a Function in jQuery to validate the CPF and/or CNPJ. If it is not something just visual, will have to do the treatment to save in the database, giving the .replace points and bar.

Example:

$(function () {
        $("[id$=txtCpfCnpj]").focusout(function () {
            $(this).unmask();
            $(this).val($(this).val().replace(/\D/g, ""));
        }).click(function () {
            $(this).val($(this).val().replace(/\D/g, "")).unmask();
        }).blur(function () {
            if ($(this).val().length == 11) {
                $(this).mask("999.999.999-99");
            } else if ($(this).val().length == 14) {
                $(this).mask("99.999.999/9999-99");
            }
        });
    });

Answer 2

You can do it in several ways, I’ll show you the simplest one. There is a library of your own that you can "Import" through link .

<script type="text/javascript" src="js/jquery.mask.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

add this script below in your HTML as well

 <script type="text/javascript">
    $(document).ready(function(){
      $('#cpf').mask('00000-000');
      $('#cnpj').mask('00.000.000/0000-00');
      $('#telefone').mask('0000-0000');
    });
 </script> 

And in your input just put the ID referring to what you entered in Javascript. But, you can also create a class and reference by $('.cpf').mask('00000-000); however, you will have to change your input and instead of id put class='cpf'

<input type='text' name='cpf' id='cpf'>

<input type='text' name='cnpj' id='cnpj'>

<input type='text' name='telefone' id='telefone'>

Remembering that if you want to send directly to the database, in its variables you will have to do a process to eliminate the points, I will leave below a simple example of how it should be done.

$chars = array(".","/","-", "*"); /* aqui indico os caracteres que desejo remover */

$cpf = str_replace($chars, "", $_POST['cpf']); /* através de str_replace insiro somente os números invés de caracteres */
$cnpj = str_replace($chars, "", $_POST['cnpj']);
$telefone = str_replace($chars, "", $_POST['telefone']);