Java Script

Como validar telefone e criar máscara em Java Script

Validar informações digitadas em campo de texto antes de enviar ao servidor é um recurso importante para poupar tempo e recursos. Neste post veja como validar telefone e criar máscara em Java Script.

<script type="text/javascript">

	/* Máscaras ER */
	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 "()" 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 );
	}

	// aciona função ao digitar dados no campo
	window.onload = function(){
		id('telefone').onkeypress = function(){
		mascara( this, mtel );
		}
	}
</script>

	...

	/* Formulário HTML */

	<form method="POST" action="_validarFormContato.php?acao=contato" name="formContato" >
		<input type="text" name="telefone" id="telefone" maxlength="15" />
	</form>
QUER SER UM PROGRAMADOR FULL-STACK E DOMINAR AS PRINCIPAIS TECNOLOGIAS DO MERCADO?

Aprenda através de projetos reais e aulas práticas. São 20 cursos completos + cursos bônus. Grupos privados exclusivos, atualizações constantes e lives semanais.

Python, PHP, Java Script, CSS, Node, Angular JS, MySQL, Photoshop, Flutter, AWS, Apache e muito mais!

CLIQUE NA IMAGEM ABAIXO E CONFIRA MAIS DETALHES:

Link do curso: https://go.hotmart.com/X68198266R

Banner rotativo com efeitos de transição em Java Script

Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits

Bene Silva Júnior

Bacharel em Sistemas de Informação pelo Instituto Paulista de Pesquisa e Ensino IPEP. Apaixonado por tecnologias e games do tempo da vovó!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *