Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gadreis2000

[Resolvido] Campos obrigatorios

Por , em Javascript

Recommended Posts

gadreis2000    0

gadreis2000
Postado

Ola. Tenho o codigo abaixo e não consigo ver qual o erro, mas ao clicar em envia mensagem a mensagem vai mesmo que não se tenha digitado nada. Eu queria que tudo fosse digitado.

  <script language="JavaScript">

function valida() {
if (document.form1.nome.value == ""){
alert("Preencha o campo Nome");
return false;
}else if (document.form1.email.value==""){
alert("O e-mail não pode ficar em branco !")
return false
}else if (document.form1.telefone.value==""){
alert("O telefone não pode ficar em branco !")
return false
}else if (document.form1.assunto.value==""){
alert("O assunto não pode ficar em branco !")
return false
}else if (document.form1.Paraquem?.value==""){
alert("O Paraquem não pode ficar em branco !")
return false
}else if (document.form1.mensagem.value==""){
alert("A mensagem não pode ficar em branco !")
return false
}

                                      </script>
                                      <form name="form1" method="post" action="enviar.php" onSubmit="return valida();">
                                        <table width="300" border="0" align="center" cellpadding="2" cellspacing="0">
                                          <tr>
                                            <td>Nome:</td>
                                            <td><input name="nome" type="text" id="nome" size="40"></td>
                                          </tr>
                                          <tr>
                                            <td>Email:</td>
                                            <td><input name="email" type="text" id="email" size="40"></td>
                                          </tr>
                                          <tr>
                                            <td>Telefone:</td>
                                            <td><input name="telefone" type="text" id="telefone" size="40"></td>
                                          </tr>
                                          <tr>
                                            <td>Assunto:</td>
                                            <td><input name="assunto" type="text" id="assunto" size="40"></td>
                                          </tr>
                                          <tr>
Se alguem puder me ajudar, agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Olha esse...........

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

 

<script language="Javascript">
//validar
 function validaForm(){
         d = document.form1;
          //validar nome
          if (d.nome.value == ""){
                    alert("O campo NOME deve ser preenchido!");
                    d.nome.focus();
                     return false;
          }
		   //validar email
        if (d.email.value == ""){
                   alert("O campo EMAIL deve ser preenchido!");
                  d.email.focus();
                  return false;
         }
        //validar email(verificao de endereco eletrônico)
         parte1 = d.email.value.indexOf("@");
         parte2 = d.email.value.indexOf(".");
         parte3 = d.email.value.length;
         if (!(parte1 >= 3 && parte2 >= 6 && parte3 >= 9)) {
                   alert ("O campo EMAIL deve ser conter um endereco eletronico!");
                   d.email.focus();
                   return false;
         }

          //validar assunto
         if (d.assunto.value == ""){
                   alert("O campo ASSUNTO deve ser preenchido!");
                  d.assunto.focus();
                   return false;
        }
		return true;
}

</script>
<form name="form1" method="post" action="enviar.php" onsubmit="return validaForm()">
<table width="300" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
<td>Nome:</td>
<td><input name="nome" type="text" id="nome" size="40"></td>
</tr>
<tr>
<td>Email:</td>
<td><input name="email" type="text" id="email" size="40"></td>
</tr>
<tr>
<td>Telefone:</td>
<td><input name="telefone" type="text" id="telefone" size="40"></td>
</tr>
<tr>
<td>Assunto:</td>
<td><input name="assunto" type="text" id="assunto" size="40"><input type="submit" value="enviar"></td>
</tr>
<tr>

MSN: macielc.ronaldo@hotmail.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

tanem    0

tanem
Postado

Tinha campo inexistente o seu código.

 

estou enviando da maneira que você gostaria

Costumo usar como o macielcr7 exemplificou, ou seja, jogando o foco no campo não preenchido.

Gosto muito de usar um alerta geral, como todos campos que não foram preenchidos, a desvantagem é que ele faz toda verificação, mesmo ser encontrar um campo em branco.

Em relação a maneira como "falar" para o usuário, vai do gosto de cada um, e perfil do sistema.

 

Segue seu valida(), e valida2() para você poder ver uma diferença.

 


<html>
<head>
<title>Teste de validacao</title>
<script type="text/javascript" language="javascript">
function valida() {
	form = document.form1;
	if (form.nome.value == ""){
		alert("Preencha o campo Nome");
		return false;
	} else if (form.email.value==""){
		alert("O e-mail não pode ficar em branco !");
		return false;
	} else if (form.telefone.value==""){
		alert("O telefone não pode ficar em branco !");
		return false;
	} else if (form.assunto.value==""){
		alert("O assunto não pode ficar em branco !");
		return false;
	}
}

function valida2() {
	var erro='';
	form = document.form1;
	if (form.nome.value == "")
		erro +="\t- Nome!\n";
	if (form.email.value=="")
		erro+= "\t- E-mail!\n";
	if (form.telefone.value=="")
		erro+="\t- Telefone!\n";
	if (form.assunto.value=="")
		erro+="\t- Assunto!\n";
	
	if(erro!='') {
		alert("Favor Preencher os seguites campos!\n"+erro);
		return false;
	} else {
		return true;
	}
}
</script>
</head>
<body>
<form name="form1" id="form1" method="post" action="enviar.php" onsubmit="return valida2();">
<table width="300" border="0" align="center" cellpadding="2" cellspacing="0">
<tr>
	<td>Nome:</td>
	<td><input name="nome" type="text" id="nome" size="40"></td>
</tr>
<tr>
    <td>Email:</td>
    <td><input name="email" type="text" id="email" size="40"></td>
</tr>
<tr>
    <td>Telefone:</td>
    <td><input name="telefone" type="text" id="telefone" size="40"></td>
</tr>
<tr>
    <td>Assunto:</td>
    <td><input name="assunto" type="text" id="assunto" size="40"></td>
</tr>
<tr>
    <td><input type="submit" value="Enviar"></td>
</tr>
</table>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

gadreis2000    0

gadreis2000
Postado

Ola, dessa forma funciona, mas areparei que eu não mandei o codigo todo o resto esta abaixo

 <td>Assunto:</td>
                                            <td><input name="assunto" type="text" id="assunto" size="40"></td>
                                          </tr>
                                          <tr>
                                          <td>Para Quem?:</td>
                                          <td>
                                              <select name="Paraquem?" id="Paraquem?">
                                              <option value=""></option>
                                              <option value="contato@berauto.com.br">Administração</option>
                                              <option value="silviasiq@gmail.com">Agendamento</option>
                                              <option value="cipoarruda@ig.com.br">Peças</option>
                                              <option value="joaorogerio@berauto.com.br">Serviços</option>
                                              <option value=""></option>
                                              <option value="carlos.berauto@hotmail.com">Carlos de Jesus</option>
                                              <option value="pappitruffa@gmail.com">Carlos Papi</option>
                                              <option value="giulianogilferraz@gmail.com">Gil Ferraz</option>
                                              <option value="heliovanni@hotmail.com">Helio Vanni</option>
                                              <option value="joanilton.berauto@hotnail.com">Joanilton Ponte</option>
                                              <option value="celaoberauto@hotmail.com">Marcelo Brambilla</option>
                                              <option value="reautomaz@hotmail.com">Renata Tomaz</option>
                                              <option value="renatocaete@gmail.com">Renato Souza</option>
                                              <option value="rodrigo@berauto.com.br">Rodrigo Arruda</option>
                                              </select>
                                          </td>
                                          <tr>
                                          <tr>
                                            <td valign="top">Mensagem:</td>
                                            <td><textarea name="mensagem" cols="39" rows="6" id="mensagem"></textarea></td>
                                          </tr>
                                          <tr align="right">
                                            <td colspan="2"><input name="acao" type="hidden" id="acao" value="enviar">
                                                <input name="imageField" type="image" src="imagens/envia.gif" width="150" height="26" border="0"></td>
                                          </tr>

e usando o mesmo raciocinio não funciona se colocar

else if (form.Paraquem?.value==""){
                alert("O Paraquem não pode ficar em branco !");
                return false;
        }
}
a não ser que para campos select name textarea seja diferente.

Compartilhar este post

Link para o post
Compartilhar em outros sites

gadreis2000    0

gadreis2000
Postado

Ola. Segue codigo certo. muito obrigado Maciel cr7.

<script language="JavaScript">
//validar
 function validaForm(){
         d = document.form1;
          //validar nome
          if (d.nome.value == ""){
                    alert("O campo NOME deve ser preenchido!");
                    d.nome.focus();
                     return false;
          }
                   //validar email
        if (d.email.value == ""){
                   alert("O campo EMAIL deve ser preenchido!");
                  d.email.focus();
                  return false;
         }
        //validar email(verificao de endereco eletrônico)
         parte1 = d.email.value.indexOf("@");
         parte2 = d.email.value.indexOf(".");
         parte3 = d.email.value.length;
         if (!(parte1 >= 3 && parte2 >= 6 && parte3 >= 9)) {
                   alert ("O campo EMAIL deve ser conter um endereco eletronico!");
                   d.email.focus();
                   return false;
         }
 
          //validar assunto
         if (d.telefone.value == ""){
                   alert("O campo TELEFONE deve ser preenchido!");
                  d.telefone.focus();
                   return false;
        }
  
        if (d.assunto.value == ""){
                   alert("O campo ASSUNTO deve ser preenchido!");
                  d.assunto.focus();
                   return false;
        }
        if (d.Paraquem.value == ""){
                   alert("O campo Paraquem deve ser preenchido!");
                  d.Paraquem.focus();
                   return false;
        }
        if (d.mensagem.value == ""){
                   alert("O campo MENSAGEM deve ser preenchido!");
                  d.mensagem.focus();
                   return false;
         }
                return true;
}
 </script>
    <form name="form1" method="post" action="enviar.php" onsubmit="return validaForm()">
    <table width="300" border="0" align="center" cellpadding="2" cellspacing="0">
                                          <tr>
                                            <td>Nome:</td>
                                            <td><input name="nome" type="text" id="nome" size="40"></td>
                                          </tr>
                                          <tr>
                                            <td>Email:</td>
                                            <td><input name="email" type="text" id="email" size="40"></td>
                                          </tr>
                                          <tr>
                                            <td>Telefone:</td>
                                            <td><input name="telefone" type="text" id="telefone" size="40"></td>
                                          </tr>
                                          <tr>
                                            <td>Assunto:</td>
                                            <td><input name="assunto" type="text" id="assunto" size="40"></td>
                                          </tr>
                                          <tr>
                                          <td>Para Quem?:</td>
                                          <td>
                                              <select name="Paraquem" id="Paraquem">
                                              <option value=""></option>
                                              <option value="contato@berauto.com.br">Administração</option>
                                              <option value="silviasiq@gmail.com">Agendamento</option>
                                              <option value="cipoarruda@ig.com.br">Peças</option>
                                              <option value="joaorogerio@berauto.com.br">Serviços</option>
                                              <option value=""></option>
                                              <option value="carlos.berauto@hotmail.com">Carlos de Jesus</option>
                                              <option value="pappitruffa@gmail.com">Carlos Papi</option>
                                              <option value="giulianogilferraz@gmail.com">Gil Ferraz</option>
                                              <option value="heliovanni@hotmail.com">Helio Vanni</option>
                                              <option value="joanilton.berauto@hotnail.com">Joanilton Ponte</option>
                                              <option value="celaoberauto@hotmail.com">Marcelo Brambilla</option>
                                              <option value="reautomaz@hotmail.com">Renata Tomaz</option>
                                              <option value="renatocaete@gmail.com">Renato Souza</option>
                                              <option value="rodrigo@berauto.com.br">Rodrigo Arruda</option>
                                              </select>
                                          </td>
                                          <tr>
                                          <tr>
                                            <td valign="top">Mensagem:</td>
                                            <td><textarea name="mensagem" cols="39" rows="6" id="mensagem"></textarea></td>
                                          </tr>
                                          <tr align="right">
                                            <td colspan="2"><input name="acao" type="hidden" id="acao" value="enviar">
                                                <input type="submit" name="enviar"  value="enviar dados"></td>
                                          </tr>
                                        </table>
                                      </form>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito