Validação de formulário com java scrip.

[maar3amt]

Boa noite pessoal vou partilhar aqui com vocês um script básico em java script para validar os campos obrigatórios de um formulário.

Código:

<script language="javascript" type="text/javascript">

<!--
/**********************************************************
* Script básico de validação de formulários *
* Visite-nos em Gforum Digital - Fórum das Tecnologias Digitais!!! *
* Deixe este comentário, dê os direitos a quem de direito.*
* Obrigado. *
**********************************************************/

function validarF(contacto)
{

if(document.forms.contacto.nome.value == "")
{
alert("Por favor introduza o seu Nome.");
return false;
}

if(document.forms.contacto.email.value == "")
{
alert("Por favor introduza o seu endereço de Email.");
return false;
}

if(document.forms.contacto.mensagem.value == "")
{
alert("Por favor introduza o seu número de telefone.");
return false;
}

}
-->
</script>

O código acima é o código que vai verificar se os campos obrigatórios "nome, email e mensagem" contém algum valor e caso algum deles fiquem por preencher ao enviar o formulário será mostrado um alerta no browser a pedir que preencha o campo obrigatório.

Exemplo de formulário:

<form name="contacto" method="post" action="" onSubmit="return validarF(contacto);" />
<label for="nome">Nome *</label>
<input type="text" name="nome" id="nome" size="20" /> <br /><br />
<label for="email">Eamil *</label>
<input type="text" name="email" id="email" size="20" /> <br /><br />
<label for="numero">Número</label>
<input type="text" name="numero" id="email" size="20" /> <br /><br />
<label for="mensagem">Msg *</label>
<textarea name="mensagem" id="mensagem" cols="20" rows="4" value="Introduza a sua mensagem aqui!" /></textarea> <br />
<input type="submit" value="Enviar"><br />
<p>* Campos obrigatórios</p>
</form>

Em anexo fica o código todo junto e a funcionar. :espi28: