• Olá Visitante, se gosta do forum e pretende contribuir com um donativo para auxiliar nos encargos financeiros inerentes ao alojamento desta plataforma, pode encontrar mais informações sobre os várias formas disponíveis para o fazer no seguinte tópico: leia mais... O seu contributo é importante! Obrigado.

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

maar3amt

Administrator
Team GForum
Entrou
Set 19, 2006
Mensagens
7,803
Gostos Recebidos
28
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:
 
Topo