Formulário com campos obrigatórios

SouzaTF · Dezembro 17, 2008

Bom, já andei procurando no forum ate achei mas não consegui fazer funcionar então estou criando um tópico..

Eu fiz um formulário que envia para email, esta tudo certo só que gostaria de colocar campos obrigatorios nele, abaixo vai o codigo do formulario.

HTML:


<html>
<head>
<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"></style>
</head>

<body>
<form action="http://www.oxygeniusweb.com/souza.php" method="post" name="formulario_contato" id="formulario_contato">
<p align="left">


Nome: <br> <input name="nome" type="text" id="nome" size="24"> <br>

E-mail: <br> <input name="email" type="text" id="email" size="24"> <br>

Assunto: <br> <input name="assunto" type="text" id="assunto" size="24"> <br>

Mensagem: <br>
<textarea rows="6" cols="19" name="mensagem" id="mensagem"></textarea><br>

<input value="http://sedentosporinformacao.blogspot.com/" name="redirecionar" type="hidden"/>

<input name="enviar" type="submit" id="enviar" value="Enviar">



<input type="reset" value="Limpar" />
</p>
</form>
</body>
</html>
[/CODEBOX]

PHP

[CODEBOX]
<?
$msg .= "Nome:\t$nome\n";
$msg .= "E-mail:\t$email\n";
$msg .= "Assunto:\t$assunto\n";
$msg .= "Mensagem:\t$mensagem\n";

$cabecalho = "From: Formulario PHP";#Titulo da mensagem

mail("xxx@gmail.com", "Formulario de PHP", $msg, $cabecalho);

?>

<script language="JavaScript">alert('A sua mensagem foi enviada com sucesso!');
location.href='xxxx';</script>

Quem consegui rajudar por favor x) Obrigado!

juninnn · Dezembro 18, 2008

Serve javascript?

ficaria assim:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"></style>
</head>
<title></title>
<script LANGUAGE="JavaScript">
<!--

function valida(botao) {
    window.event.returnValue = false;
    if (botao.id == "enviar" && document.getElementById("nome").value == ""){
        window.alert("Preencha o campo Nome");
        window.event.returnValue = false;
    } else {
        window.event.returnValue = true;
    }
}
//-->
</SCRIPT>

<body>
<form action="http://www.oxygeniusweb.com/souza.php" method="post" name="formulario_contato" id="formulario_contato">
<p align="left">

Nome: <br> <input name="nome" type="text" id="nome" size="24"> <br>

E-mail: <br> <input name="email" type="text" id="email" size="24"> <br>

Assunto: <br> <input name="assunto" type="text" id="assunto" size="24"> <br>

Mensagem: <br>
<textarea rows="6" cols="19" name="mensagem" id="mensagem"></textarea><br>

<input value="http://sedentosporinformacao.blogspot.com/" name="redirecionar" type="hidden"/>

<input name="enviar" type="submit" onClick="valida(this);" id="enviar" value="Enviar">

<input type="reset" value="Limpar" />
</p>
</form>
</body>
</html>

iSoron · Dezembro 21, 2008

Lembre-se de fazer também a validação no lado do servidor (ou seja, no código PHP).

Validações em Javascript podem ser facilmente circundadas.

Jonathan Queiroz · Dezembro 22, 2008

Você também pode fazer de outra forma, ao invés de usar o evento onclick do botão, que não é muito "seguro" (o cara pode apertar enter e dar submit)

Você pode utilizar o evento onsubmit do seu formulário !

function valida() {
if (document.formulario_contato.nome.value == ""){
alert("Preencha o campo Nome");
return false;
}else if (document.formulario_contato.email.value==""){
alert("O e-mail não pode ficar em branco !")
return false
}
[...O mesmo para os outros campos...]
}
//-->

Seu formulário ficaria assim:

<form action="http://www.oxygeniusweb.com/souza.php" method="post" name="formulario_contato" id="formulario_contato" onsubmit="return valida()">

Qualquer dúvida posta aí !

Entrar

Formulário com campos obrigatórios

Pergunta

SouzaTF

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

juninnn

Link para o comentário

Compartilhar em outros sites

iSoron

Link para o comentário

Compartilhar em outros sites

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades