Publicado em 4 de out.

Campo celular 8 ou 9 Digitos

Boa noite
estou com um problema

quando coloco um celular com 8 dígitos ele aplica a mascar corretamente, porem se eu apagar o campo para digitar novamente... ela não deixa eu colocar um celular com 9 dígitos

para digitar um celular com 9 dígitos eu tenho que recarregar a pagina

alguém pode me ajudar ????

//acrescenta à classe string um método necessário para facilitar

 String.prototype.splice = function( idx, rem, s ) {
 return (this.slice(0,idx) + s + this.slice(idx + Math.abs(rem)));
 };

 $(function(){

 //máscara inicial com o nono digito opcional

 $("#TEL01").mask('(99) 99999-9999');

 //ao sair do campo, vamos atualizar a máscara
 $("#TEL01").focusout(function(){

 //pegando apenas os digitos
 var cel = $("#TEL01").val().replace('-','').replace(/_/g,'');

 cel = cel.replace('(','').replace(')','').replace(' ','');

 //se tiver 8 digitos
 if(cel.length == 10)
 {
 //vamos colocar o '-' no meio
 cel = cel.splice(2, 0, ' ').splice(7, 0, '-');
 //seta a máscara para aceitar o nono digito
 $("#TEL01").mask('(99) 9999-9999');
 }
 //caso contrário
 else if(cel.length == 11)
 {
 //deixamos 5 digitos na esquerda
 cel = cel.splice(2, 0, ' ').splice(8, 0, '-');
 //seta a máscara para aceitar um digito a menos (caso tenha digitado errado)
 $("#TEL01").mask('(99) 99999-9999');
 }

 //põem o valor no campo
 $(this).val(cel);

 });

 });

Discussão (3)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Webdre· 7 de out.

Boa tarde, Paulo. Segue abaixo um código que vai te ajudar

<script type="text/javascript">
	function mascara(o,f){
 v_obj=o
 v_fun=f
 setTimeout("execmascara()",1)
	}
	function execmascara(){
 v_obj.value=v_fun(v_obj.value)
	}
	function mtel(v){
 v=v.replace(/\D/g,"");//Remove tudo o que não é dígito
 v=v.replace(/^(\d{2})(\d)/g,"($1) $2");//Coloca parênteses em volta dos dois primeiros dígitos
 v=v.replace(/(\d)(\d{4})$/,"$1-$2");//Coloca hífen entre o quarto e o quinto dígitos
 return v;
	}
	function id( el ){
 return document.getElementById( el );
	}
	window.onload = function(){
 id('telefone').onkeypress = function(){
 mascara( this, mtel );
 }
	}
</script>

O código não é de minha autoria. Ver modelo

Qualquer duvida manda um email para aula@webdre.com.br

Paulo Roberto Start Corp· 7 de out.

Perfeito!!!

Muito Obrigado.

só mais uma duvida, tem como fazer por class ao invés de ID ? para eu aplicar em todos os meus campos sem ter que repetir o código

Dian Carlos· 7 de out.

Bem, vou lhe passar (de bandeja :natalw00t: ) o código para o seu plugin, que é o jQuery Masked Input:

 $('input.telefone').focusin(function(){$(this).mask("(99) 99999999?9");});
 $('input.telefone').focusout(function(){
 var phone, element;
 element = $(this);
 element.unmask();
 phone = element.val().replace(/\D/g, '');
 if(phone.length > 10) {
 element.mask("(99) 99999-999?9");
 } else {
 element.mask("(99) 9999-9999?9");
 }
 }).trigger('focusout');

Uso isso e funciona perfeitamente..

Alem disso, esse código é pequenino..

É isso ai man.. boa sorte ai..