Home
índice
Página anterior
Validação de Formulários
Como Validar Formulários
No HTMl
<form id="formulario">
<fieldset>
<legend>Validação e Formatação</legend>
<label for="cpf">CPF:</label>
<input name="cpf" type="text" />
<label for="email">Email:</label>
<input name="email" type="text" />
<a href="#" onclick="validar()">Validar</a>
</fieldset>
</form<
No javaScript:
/*autor : Maria Adalgisa de Souza
descrição : formularios-validacao - regex
*/
function validar() {
var formulario = document.getElementById("formulario");/*para recuperar um
elemento com um id especificado, nesse caso o formulário*/
var cpf = formulario.cpf; //para recuperar o campo do cpf
var email = formulario.email; //para recuperar o campo de email
var re_cpf = /^([\d]{3})([\d]{3})([\d]{3})([\d]{2})$/;
var re_email =/^([\w-]+(\.[\w-]+)*)@(( [\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(\.[a-z]{2})?)$/i;
/*expressão regular que segue as regras internacionais de construção de emails*/
if (re_cpf.test(cpf.value)) {
cpf.value = cpf.value.replace(re_cpf, "$1. $2. $3-$4");
alert("CPF Válido");
} else {
alert("CPF deve ter apenas 11 números, sem ponto ou traço");
}
//verifica se o email é inválido (! ponto de exclamção no início)
//if (!re_email.test(email.value))/*desta forma não deu certo, ao trocar
para a forma a seguir funcionou. Thanks my God!*/
{if (re_email.test(email.value)){
alert("Email Válido");
} else {
alert("Email Inválido");
}
}