Ir para conteúdo

Arquivado

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

_Marina

Validar campos formulario

Por , em Javascript

Recommended Posts

_Marina    0

_Marina
Postado

Oi :)

 

Estou com esse formulário e gostaria de validar os campos, obrigando o usurário a preencher todos os campos.

Alguem poderia me ajudar?

Obrigada.

 

<HTML>

<HEAD>
<TITLE></TITLE>
</HEAD>

<BODY>

  <FORM ACTION="http://form.ultramail.com.br/" METHOD="POST">
  <P>
<!-- 
  Formulário do cliente. 
  Especifique abaixo os campos que deseja enviar para e-mail.
  Caso o campo assunto não seja preenchido, o sistema irá enviar o e-mail com o assunto Formulário UltraMail
-->  
Nome: <BR><INPUT TYPE="text" NAME="nome" SIZE="24"><BR>
E-Mail: <BR><INPUT TYPE="text" NAME="email" SIZE="24"><BR>
Assunto: <BR><INPUT TYPE="text" NAME="assunto" SIZE="24"><BR>
Mensagem: <BR><TEXTAREA NAME="mensagem" ROWS="8" COLS="20"></TEXTAREA>

<!-- 
  Chave de autenticação no UltraMail para o MailBox. 
  Se a senha do MailBox for alterada esta chave deverá ser gerada novamente através do seu painel de controle.
-->
    <INPUT TYPE="hidden" NAME="key" VALUE="eJwBvgBB/+uDNh52cd0EKDMd1KDMD3JeaNr7+j75ji8GAgDBu5fMRm9ybVVsdHJhTWFpbOs9ZpaSQ5TvcR1DROMKlqsljfj4bXIcIW9gIIr4UK08LeeWOCbenpz4FvMXcUXtxvL+jEZfcKd2bg2krGEZD2bkcYAcHfxXfYL8zwYahxRz2MmSUnf7lYy+bs+rDMReO+5yLEwhY+OC/DAT0L2f2Nppj0fd6JlJEtjOzpMfJFKWyC3Z4xiI0/uXCP+RSctXSd4NDV7r">

<!-- 
  Pagina de conclusão do formulário de envio. Altere para a página desejada 
-->
    <INPUT TYPE="hidden" NAME="redirect" VALUE="http://jcndigital.com.br/PaginaDeResposta.html">

    <INPUT TYPE="submit" VALUE="Enviar"> 
    <INPUT TYPE="reset" VALUE="Limpar">
  </P>
  </FORM>
  
</BODY>
</HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo simples:

<html>
<head>
	<title></title>
<script type="text/javascript">
window.onload = function()
{
	id('contato').onsubmit = function()
	{
		var erro = 0;
		erro += no_empty( 'nome' );
		erro += no_empty( 'email' );
		
		if( erro )
		{
			alert( 'Preencha o formulário corretamente!' );
			return false;
		}
	}
}
function no_empty( id_campo ){
	return id( id_campo ).value=='' ? 1 : 0;
}
function id( el ){
	return document.getElementById( el );
}
</script>
</head>
<body>
	<form action="http://form.ultramail.com.br/" method="post" id="contato">
		<fieldset>
			Nome: <br /><input type="text" name="nome" id="nome" size="24"><br />
			E-mail: <br /><input type="text" name="email" id="email" size="24"><br />
			Assunto: <br /><input type="text" name="assunto" id="assunto" size="24"><br />
			Mensagem: <br /><textarea name="mensagem" id="mensagem" rows="8" cols="20"></textarea>

			<input type="hidden" name="key" value="ejwbvgbb/+udnh52cd0ekdmd1kdmd3jeanr7+j75ji8gagdbu5fmrm9ybvvsdhjhtwfpbos9zpasq5tvcr1dromklqsljfj4bxiciw9giir4uk08leewocbenpz4fvmxcuxtxvl+jezfckd2bg2krgezd2bkcyachfxxfyl8zwyahxrz2mmsunf7lyy+bs+rdmreo+5ylewhy+oc/dat0l2f2nppj0fd6jljetjozpmfjfkwyc3z4xii0/uxcp+rsctxsd4ndv7r" />
			<input type="hidden" name="redirect" value="http://jcndigital.com.br/paginaderesposta.html" />

			<input type="submit" name="enviar" value="enviar" /> 
			<input type="reset" name="limpar" value="limpar" />
		</fieldset>
	</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

_Marina    0

_Marina
Postado

OI William Bruno

 

Obrigada pela ajuda, mas esta dando um erro na hora de enviar o formulário.

 

Sem o javascript que você me passou ele funciona, mas quando testo com o codigo que você me passou acontece o seguinte erro:

 

ERRO

 

Chave inválida (2).

By UltraMail

 

Sera que é problemna com o codigo ou com a hostnet, que não aceita que eu modifique esse codigo?

 

Essa hostnet é cheia de frescura viu, um simples formulário de contato esta me dando uma dor de cabeça. Lá eles não usam a funcção mail() usam a ultramail, ai gerei esse código la no painel de controle deles, mas é um código sem vergonha, pelo menos validar os campos ele deveria.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

hum... acho que foi culpa minha mesmo..

 

eu deixei todo o teu código em minusculo.. acho que acabei alterando a chave tb.

 

troque:

<input type="hidden" name="key" value="ejwbvgbb/+udnh52cd0ekdmd1kdmd3jeanr7+j75ji8gagdbu5fmrm9ybvvsdhjhtwfpbos9zpasq5tvcr1dromklqsljfj4bxiciw9giir4uk08leewocbenpz4fvmxcuxtxvl+jezfckd2bg2krgezd2bkcyachfxxfyl8zwyahxrz2mmsunf7lyy+bs+rdmreo+5ylewhy+oc/dat0l2f2nppj0fd6jljetjozpmfjfkwyc3z4xii0/uxcp+rsctxsd4ndv7r" />
por:

<input type="hidden" name="key" VALUE="eJwBvgBB/+uDNh52cd0EKDMd1KDMD3JeaNr7+j75ji8GAgDBu5fMRm9ybVVsdHJhTWFpbOs9ZpaSQ5TvcR1DROMKlqsljfj4bXIcIW9gIIr4UK08LeeWOCbenpz4FvMXcUXtxvL+jEZfcKd2bg2krGEZD2bkcYAcHfxXfYL8zwYahxRz2MmSUnf7lYy+bs+rDMReO+5yLEwhY+OC/DAT0L2f2Nppj0fd6JlJEtjOzpMfJFKWyC3Z4xiI0/uXCP+RSctXSd4NDV7r" />
;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

_Marina    0

_Marina
Postado

Oi, acho que o problema era esse mesmo pq agora ele esta enviando normalmente as mensagem, mas ele agora não esta validando os campos.

Fiz uma alteração no cogido, inclui campos, mas na hora de enviar, se os campos estiverem em branco vai mesmo assim

Esse é o codigo que modifiquei:

 

Quero que os campos Nome, Email, Telefone e Mensagem sejam de preenchimento obrigatório, tentei isso mas não deu certo....

 

<script type="text/javascript">
window.onload = function()
{
        id('contato').onsubmit = function()
        {
                var erro = 0;
                erro += no_empty( 'Nome' );
                erro += no_empty( 'Email' );
                erro += no_empty( 'Telefone' );
                erro += no_empty( 'Mensagem' );
                
                if( erro )
                {
                        alert( 'Preencha o formulário corretamente!' );
                        return false;
                }
        }
}
function no_empty( id_campo ){
        return id( id_campo ).value=='' ? 1 : 0;
}
function id( el ){
        return document.getElementById( el );
}
</script>
        <form action="http://form.ultramail.com.br/" method="post" id="contato">
                <fieldset>
                        Nome: <br /><input type="text" name="Nome" id="Nome" size="24">
                        <br />
                        Empresa:<br />
                        <input type="text" name="Empresa" id="Empresa" size="24" />
                        <br />
                        E-mail: <br /><input type="text" name="Email" id="Email" size="24">
                        <br />
                        Telefone: <br />
                        <input type="text" name="Telefone" id="Telefone" size="24" />
                        <br />
                        <br />
                        <label>Tipo:
                        <select name="Assunto" id="Assunto">
                  <option>Orçamento</option>
                  <option>Contato</option>
                </select>
                </label>                
                        <br />
                        <br />
                        <label>Mídia: 
                        <select name="Mídia" id="Mídia">
                          <option selected="selected">CD</option>
                          <option>DVD</option>
                                                                                                                        </select>
                        </label>
                :
<label>Quantidade:
 <input name="Quantidade" type="text" id="Quantidade" size="10" />
 </label> 
 <br />
                <br />
                        Mensagem: <br /><textarea name="Mensagem" id="Mensagem" rows="8" cols="20"></textarea>

                          <input type="hidden" name="key" VALUE="eJwBvgBB/+uDNh52cd0EKDMd1KDMD3JeaNr7+j75ji8GAgDBu5fMRm9ybVVsdHJhTWFpbOs9ZpaSQ5TvcR1DROMKlqsljfj4bXIcIW9gIIr4UK08LeeWOCbenpz4FvMXcUXtxvL+jEZfcKd2bg2krGEZD2bkcYAcHfxXfYL8zwYahxRz2MmSUnf7lYy+bs+rDMReO+5yLEwhY+OC/DAT0L2f2Nppj0fd6JlJEtjOzpMfJFKWyC3Z4xiI0/uXCP+RSctXSd4NDV7r" />

                        <input type="hidden" name="redirect" value="http://jcndigital.com.br/ok.html" />
                        <br />
                        <input type="submit" name="enviar" value="enviar" />
                </fieldset>
        </form>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Oi @_Marina, apenas copiei e colei esse código que você postou, está tudo correto, e funciona.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

Uma dica: Prefira nomes e id's de elementos com letras minúsculas, pois o Javascript é Case Sensitive, ou seja, 'a' é diferente de 'A'...

 

Outra coisa, nas tags OPTION falta o atributo value, que é o valor que vai ser passado junto com o formulário, sem ele, você está passando sempre uma string vazia.

 

O código do nosso amigo William Bruno parece funcionar. Verifique no console do navegador (Chrome ou Firefox) se aparece algum erro...

 

Bom... eh isso ^^/

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