Skip to main content
protocolo removido para evitar problemas com http/https. Link substituido para um CDN em vez de usar Github (link rot)
Fonte Link
jpmnteiro
  • 6,2mil
  • 3
  • 31
  • 41

Você pode fazer assim:

jQuery("input.telefone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
<script src="https:src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- EDITADO:
atualizado o link do jquery.maskedinput.js porque antes estava sem SSL (https://)
e o Chrome e provavelmente outros navegadores estavam bloqueando por segurança aí o exemplo não funcionava.

Agora está ok e na última e final versão do plugin.
-->
<script src="https:src="//rawcdnjs.githubusercontentcloudflare.com/digitalBushajax/libs/jquery.maskedinput/1.4.1/dist/jquery.maskedinput.min.js"></script>
Telefone: <input type="text" class="telefone" />

Você pode fazer assim:

jQuery("input.telefone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- EDITADO:
atualizado o link do jquery.maskedinput.js porque antes estava sem SSL (https://)
e o Chrome e provavelmente outros navegadores estavam bloqueando por segurança aí o exemplo não funcionava.

Agora está ok e na última e final versão do plugin.
-->
<script src="https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/1.4.1/dist/jquery.maskedinput.js"></script>
Telefone: <input type="text" class="telefone" />

Você pode fazer assim:

jQuery("input.telefone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>
Telefone: <input type="text" class="telefone" />

atualizado o src do jquery.maskedinput.js para https:// para evitar bloqueio do browser
Fonte Link

Você pode fazer assim:

jQuery("input.telefone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<!-- EDITADO:
atualizado o link do jquery.maskedinput.js porque antes estava sem SSL (https://)
e o Chrome e provavelmente outros navegadores estavam bloqueando por segurança aí o exemplo não funcionava.

Agora está ok e na última e final versão do plugin.
-->
<script src="httpsrc="https://digitalbushraw.githubusercontent.com/wp-contentdigitalBush/uploadsjquery.maskedinput/20141.4.1/10dist/jquery.maskedinput.js"></script>
Telefone: <input type="text" class="telefone" />

Você pode fazer assim:

jQuery("input.telefone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://digitalbush.com/wp-content/uploads/2014/10/jquery.maskedinput.js"></script>
Telefone: <input type="text" class="telefone" />

Você pode fazer assim:

jQuery("input.telefone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<!-- EDITADO:
atualizado o link do jquery.maskedinput.js porque antes estava sem SSL (https://)
e o Chrome e provavelmente outros navegadores estavam bloqueando por segurança aí o exemplo não funcionava.

Agora está ok e na última e final versão do plugin.
-->
<script src="https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/1.4.1/dist/jquery.maskedinput.js"></script>
Telefone: <input type="text" class="telefone" />

Fonte Link
Thiago Thaison
  • 2mil
  • 13
  • 18

Você pode fazer assim:

jQuery("input.telefone")
        .mask("(99) 9999-9999?9")
        .focusout(function (event) {  
            var target, phone, element;  
            target = (event.currentTarget) ? event.currentTarget : event.srcElement;  
            phone = target.value.replace(/\D/g, '');
            element = $(target);  
            element.unmask();  
            if(phone.length > 10) {  
                element.mask("(99) 99999-999?9");  
            } else {  
                element.mask("(99) 9999-9999?9");  
            }  
        });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://digitalbush.com/wp-content/uploads/2014/10/jquery.maskedinput.js"></script>
Telefone: <input type="text" class="telefone" />