Home
índice
Página anterior

Validação de Formulários

Validação e Formatação


Validar

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"); } }