CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

JavaScript/jQuery - Validar dados digitados em campos do tipo texto

Por Benedito Silva Júnior - publicado em 19/07/2016


Validar informações digitadas em campo de texto antes de enviar ao servidor é um recurso importante para poupar tempo e recursos.

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ção


 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo