Unconfigured Ad Widget

Collapse

Anúncio

Collapse
No announcement yet.

Mascara nono dígito telefone e CPF/CNPJ

Collapse
X
 
  • Filter
  • Tempo
  • Show
Clear All
new posts

  • Font Size
    #1

    Tutorial Mascara nono dígito telefone e CPF/CNPJ

    Olá pessoal, hoje vou disponibilizar os códigos para fazer as máscaras de telefone com a opção de nono dígito e CPF/CNPJ.

    Ele vai ficar dessa forma no seu formulário:



    Assim o cliente define se é CPF ou CNPJ e se o telefone tem o nono dígito ou não!

    Vou utilizar o Jquery MaskedInput, ele está disponível no seguinte link: Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...

    Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...tem a demonstração e sem mais delongas segue o código que é bem auto explicativo:

    Código HTML:
    <html>
    <body>
     <form>
     <table>
     <tr>
     <td><label class="control-label" for="lastName">CPF-CNPJ<span class="red-clr bold">*</span></label></td>
     <td><input type="text" name="cpf_cli" class="span4" id="cpf_cli" required placeholder="CPF/CNPJ" >
     <input type="checkbox" id="cnpj_modf" name="cnpj_modf"/> CNPJ?</td>
     </tr>
     <tr>
     <td><label class="control-label" for="telephone">Telefone<span class="red-clr bold">*</span></label></td>
     <td><input type="text" name="fone_cli" id="fone_cli" required class="span4" placeholder="(DDD) Telefone" >
     <input type="checkbox" id="nonodigito" name="nonodigito" /> Nono digito?</td>
     </tr>
     </table>
     </form>
    </body>
    <!-- Jquery -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
     
    <!-- = MaskedInput = -->
    <script src="js/jquery.maskedinput.js" type="text/javascript"></script>
     
    <script>
    $(document).ready(function(){
     $("#cpf_cli").mask("999.999.999-99"),{placeholder:" "};
     $("#fone_cli").mask("(99) 9999 9999"),{placeholder:" "};
     $("#dat_nas_cli").mask("99/99/9999"),{placeholder:" "};
    });
     
    //cuida das alterações entre cpf e cnpj
    $('#cnpj_modf').change(function(){
     if($('#cnpj_modf').is(":checked")==true){
     $("#cpf_cli").mask("99.999.999/9999-99"),{placeholder:" "};
     } else {
     $("#cpf_cli").mask("999.999.999-99"),{placeholder:" "};
     $("#cpf_cli").val('');
     }
    });
     
    //cuida das alterações entre telefone de 8 ou 9 digitos
    $('#nonodigito').change(function(){
     $.mask.definitions['9'] = '';
     $.mask.definitions['k'] = '[0-9]';
     if($('#nonodigito').is(":checked")==true){
     $("#fone_cli").val('');
     $("#fone_cli").mask("(kk) 9kkkk-kkkk"),{placeholder:" "};
     } else {
     $("#fone_cli").val('');
     $("#fone_cli").mask("(kk) kkkk-kkkk"),{placeholder:" "};
     }
    });
    </script>
    </html>
    Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
    Um dia saio dessa merda... Governo só gosta de vagabundos!
    Similar Threads
X
Working...
X