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çã
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!
Link do curso: https://go.hotmart.com/X68198266R
Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits