Java Script

Como validar dados com Regex 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 dados com Regex em Java Script.

  function valida_campo(campo) { 
  
  //impede a digitação de caracteres, exceto números e caracteres especiais
  var regex = /^[a-zA-ZéúíóáÉÚÍÓÁèùìòàçÇÈÙÌÒÀõãñÕÃÑêûîôâÊÛÎÔÂëÿüïöäËYÜÏÖÄ\-\ \s]+$/; 
  
  if(campo.match(regex)) {   
    return false; 
  } else { return true; } //encontrou caracteres especiais  
 }
 
  FUNÇÃO VALIDADORA DE DADOS DIGITADOS EM CAMPOS TEXTO
  function validaFormulario()
  {
  
  //Variável recebe conteúdo digitado no campo texto do formulário
  var nome = document.forms["nome_do_formulario"].nome_do_campo.value;
  var email = document.forms["nome_do_formulario"].email.value;
     
 //Chama função para verificar os caracteres digitados 
 if(valida_campo(nome_do_campo) == true)
 {
   //Se função voltar TRUE, ou seja, se caracteres não permitidos forem encontrados...
   alert('Nome inválido. Por favor, verifique o nome digitado.'); //Mensagem de erro
   document.forms["formContato"].nome.focus(); //O cursor volta para o campo em questão
   return false;  
 }
      
  //Valida email
  if(email.indexOf("@") == -1 || email.indexOf(".") == -1 || email == "" ||  email == null)
  {
   alert('O email informado é inválido.');
   document.forms["formContato"].email.focus();
   return false;		  
  }
 }

Formulário HTML:

 <form method="POST" action="" name="nome_do_formulario" >
 <input type="text" size="55" maxlength="40" name="nome_do_campo" value=""/>
 <input type=BUTTON onClick="validaFormulario();" value="Enviar"> //Chama funçã
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

Validar datas 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 *