validar email com js

[Diogo Freitas]

boas tardes,

tenho um código de validação de fomulários em js mas não está dando.

Como o coloco?etc?é porque tou realemnte com dificudade.

function validaForm(){
          d = document.cadastro;
          //validar nome
          if (d.empresa.value == ""){
                   alert("O campo " + d.empresa.name + " deve ser preenchido!");
                    d.empresa.focus();
                    return false;
          }
           //validar user
         if (d.resp.value == ""){
                   alert("O campo " + d.resp.name + " deve ser preenchido!");
                   d.resp.focus();
                   return false;
        }
        //validar senha
        if (d.senha.value == ""){
                  alert("O campo " + d.senha.name + " deve ser preenchido!");
                  d.senha.focus();
                  return false;
        }
        //validar email
       if (d.email.value == ""){
                 alert("O campo " + d.email.name + " 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 " + d.email.name + " deve ser conter um endereco eletronico!");
                   d.email.focus();
                   return false;
         }
        //validar telefone
        if (d.contacto.value == ""){
                   alert ("O campo " + d.contacto.name + " deve ser preenchido!");
                 d.contacto.focus();
                  return false;
        }
       //validar telefone(verificacao se contem apenas numeros)
         if (isNaN(d.contacto.value)){
                   alert ("O campo " + d.contacto.name + " deve conter apenas numeros!");
                   d.contacto.focus();
                  return false;
        }
        
         return true;

[ARD]

Como está o seu html?

T+

André

[Diogo Freitas]

o meu html...

<div align="left"><form action="enviapubli.php" method="post" enctype="multipart/form-data" name="email" onSubmit="return validaForm()">
  <table width="32%"  border="0" align="center">
    <tr>
      <td><div align="left"><span class="texto">Empresa</span></div></td>
      <td><input name="empresa" type="text" id="empresa"></td>
    </tr>
    <tr>
      <td width="33%"><div align="right" class="texto">
        <div align="left">Respons&aacute;vel:</div>
      </div></td>
      <td width="67%"><input name="resp" type="text" id="resp"></td>
    </tr>
        <tr>
      <td width="33%"><div align="right" class="texto">
        <div align="left">Nº contacto:</div>
      </div></td>
      <td width="67%"><input name="contacto" type="text" id="contacto"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">
        <div align="left">Email</div>
      </div></td>
      <td><input name="email" type="text" class="email" id="email">
    </tr>
    <tr>
      <td height="32"><div align="right" class="texto">
        <div align="left">Tamanho publicidade </div>
      </div></td>
      <td>
        <label>
        <select name="select_tamanho" id="select_tamanho">
          <option>800 x 100</option>
          <option>255 x 300</option>
          <option>255 x 200</option>
        </select>
        </label></td>
    </tr>
        <tr>
      <td><div align="right" class="texto">
        <div align="left">Tipo publicidade </div>
      </div></td>
      <td>
        <label>
        <select name="select_tipo" id="select_tipo">
          <option selected="selected">video</option>
          <option>imagem</option>
          <option>publicidade fixa</option>
          <option>texto (tamanhos menores)</option>
        </select>
        </label></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">
        <div align="left">Locais da publicidade </div>
      </div></td>
      <td><select name="select_local" id="select_local">
        <option selected="selected">todo o site</option>
        <option>1 directório</option>
        <option>2 directórios</option>
                  </select></td>
    </tr>
    <tr>
      <td>Tempo de publicidade: </td>
      <td><select name="select_tempo" id="select_tempo">
        <option>1 semana</option>
        <option>2 semanas</option>
        <option>1 m&ecirc;s</option>
        <option>outro (indicar nos coment&aacute;rios)</option>
            </select></td>
    </tr>
        <tr>
      <td>Comentários: </td>
      <td><label>
        <textarea name="coment" cols="33.5" rows="5" id="coment"></textarea>
      </label></td>
        </tr>
    <tr>
      <td> </td>
      <td><input name="enviar" type="submit" id="enviar" value="Enviar">
        <label>
        <input name="limpar" type="reset" id="limpar" value="Limpar" />
        </label></td>
    </tr>
  </table>
</form>
</div>

[Diogo Freitas]

pf me ajudem

[Allan Rodrigo]

e ae Diogo...beleza??

encontrei alguns erros no teu código, segue:

d = document.cadastro;

- o elemento "cadastro" não existe, no caso seria o email que é o nome do form, não é? porém já existe um input com esse nome/id solução: alterar o nome do form para "cadastro"

//validar senha
        if (d.senha.value == ""){
                  alert("O campo " + d.senha.name + " deve ser preenchido!");
                  d.senha.focus();
                  return false;
        }

- que senha??

solução:remover

acho q é isso...testa ae...

flow, abraço!!

[Diogo Freitas]

só tem um problema...é que o form chama primeiro o php que vai enviar o mail do que o js de validação.

eu coloquei o js na mesma página k o form.

<form action="enviapubli.php" method="post" enctype="multipart/form-data" name="cadastro" onSubmit="return ValidaForm()">

[Allan Rodrigo]

cara, em qual navegador não está funcionando??

estou testando no IEca7 e FF 2.0...

flow, abraço!!

Editado Abril 14, 2008 por Allan Rodrigo

[Diogo Freitas]

tou a usar o IE...mas dizm uma coisa...em k página é que coloco o js?no html junto com o form correcto?é pk repara...ele faz porexemplo a validação do mail mas através da página php k envia a info e não atarvés do código js...kanto ao resto não valida nada

[Allan Rodrigo]

você pode colocar o codigo na mesmo página, ou importar...para o funcionamento, não influencia...

estranho, porque eu testei aki no IE6, IE7 e FF, em todos funcionam 100%, o formulario só é enviado para o php após a validação dos campos em JS...

qqer coisa posta o codigo ae novamente, inteiro, de toda a pagina...

[Diogo Freitas]

<script>
 function validaForm(){
          d = document.cadastro;
          //validar nome
          if (d.empresa.value == ""){
                   alert("O campo " + d.empresa.name + " deve ser preenchido!");
                    d.empresa.focus();
                    return false;
          }
           //validar user
         if (d.resp.value == ""){
                   alert("O campo " + d.resp.name + " deve ser preenchido!");
                   d.resp.focus();
                   return false;
        }

        //validar email
       if (d.email.value == ""){
                 alert("O campo " + d.email.name + " 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 " + d.email.name + " deve ser conter um endereco eletronico!");
                   d.email.focus();
                   return false;
         }
        //validar telefone
        if (d.contacto.value == ""){
                   alert ("O campo " + d.contacto.name + " deve ser preenchido!");
                 d.contacto.focus();
                  return false;
        }
       //validar telefone(verificacao se contem apenas numeros)
         if (isNaN(d.contacto.value)){
                   alert ("O campo " + d.contacto.name + " deve conter apenas numeros!");
                   d.contacto.focus();
                  return false;
        }
        
         return true;
</script>

<link rel="shortcut icon" href="../gifs/logo.ico" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:: Uttil - &eacute; mesmo uttil... - publicidade ::</title>
</head>

<form action="enviapubli.php" method="post" enctype="multipart/form-data" name="cadastro" onSubmit="return validaForm()">
  <table width="32%"  border="0" align="center">
    <tr>
      <td><div align="left"><span class="texto">Empresa</span></div></td>
      <td><input name="empresa" type="text" id="empresa"></td>
    </tr>
    <tr>
      <td width="33%"><div align="right" class="texto">
        <div align="left">Respons&aacute;vel:</div>
      </div></td>
      <td width="67%"><input name="resp" type="text" id="resp"></td>
    </tr>
        <tr>
      <td width="33%"><div align="right" class="texto">
        <div align="left">Nº contacto:</div>
      </div></td>
      <td width="67%"><input name="contacto" type="text" id="contacto"></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">
        <div align="left">Email</div>
      </div></td>
      <td><input name="email" type="text" class="email" id="email">
    </tr>
    <tr>
      <td height="32"><div align="right" class="texto">
        <div align="left">Tamanho publicidade </div>
      </div></td>
      <td>
        <label>
        <select name="select_tamanho" id="select_tamanho">
          <option>800 x 100</option>
          <option>255 x 300</option>
          <option>255 x 200</option>
        </select>
        </label></td>
    </tr>
        <tr>
      <td><div align="right" class="texto">
        <div align="left">Tipo publicidade </div>
      </div></td>
      <td>
        <label>
        <select name="select_tipo" id="select_tipo">
          <option selected="selected">video</option>
          <option>imagem</option>
          <option>publicidade fixa</option>
          <option>texto (tamanhos menores)</option>
        </select>
        </label></td>
    </tr>
    <tr>
      <td><div align="right" class="texto">
        <div align="left">Locais da publicidade </div>
      </div></td>
      <td><select name="select_local" id="select_local">
        <option selected="selected">todo o site</option>
        <option>1 directório</option>
        <option>2 directórios</option>
                  </select></td>
    </tr>
    <tr>
      <td>Tempo de publicidade: </td>
      <td><select name="select_tempo" id="select_tempo">
        <option>1 semana</option>
        <option>2 semanas</option>
        <option>1 m&ecirc;s</option>
        <option>outro (indicar nos coment&aacute;rios)</option>
            </select></td>
    </tr>
        <tr>
      <td>Comentários: </td>
      <td><label>
        <textarea name="coment" cols="33.5" rows="5" id="coment"></textarea>
      </label></td>
        </tr>
    <tr>
      <td> </td>
      <td><input name="enviar" type="submit" id="enviar" value="Enviar">
        <label>
        <input name="limpar" type="reset" id="limpar" value="Limpar" />
        </label></td>
    </tr>
  </table>
</form>
</div>
                    
        </div>
</div>
</body>
</html>

agradeço desde já a disponibilidade

[Allan Rodrigo]

cara...faltou simplesmente fechar a função...

coloque uma } (acho q é chave ou colchete...hehe..nunk lembro) depois do return true;

flow...abraço!!