Validação com erros no IE e Chrome

[bcs_ptx 0]

Pessoal, fiz uma validação aqui, para quando o usuário clicar no botão de enviar, perguntar se ele deseja enviar, validação de nome, email e telefone. mas acontece que no Chrome a validação do email não funciona e do IE, nenhum funciona, por que sera? alguém sabe oque está errado? segue meu código.

 

<form action="cod_incluir_contato.php" method="post" name="form" onSubmit="return valida(this)">

           	<table width="100%" cellpadding="5" cellspacing="0">
               	<tr>
                   	<td class="fonte_texto" style="background-color:#333333;">Nome</td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto"><input type="text" name="nome" title="Escreva aqui o seu nome" /> *</td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto" style="background-color:#333333;">Telefone</td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto">
                       	<input type="text" name="telefone" title="Escreva aqui o seu telefone" maxlength="14" onKeyDown="Mascara(this,Telefone);" onKeyPress="Mascara(this,Telefone);" onKeyUp="Mascara(this,Telefone);"/> *
                       </td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto" style="background-color:#333333;">E-Mail</td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto"><input type="text" name="email" title="Escreva aqui o seu email"/> *</td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto" style="background-color:#333333;">Sugestão, dica ou reclamação</td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto"><textarea name="opiniao" style="width:99%; height:100px;" title="Escreva aqui a sua opinião"></textarea></td>
                   </tr>
                   <tr>
                   	<td class="fonte_texto"><input type="submit" value="Enviar" style="border:none; width:100px; height:22px; cursor:pointer;" title="Clique aqui para enviar" onClick="return verifica()"/></td>
                   </tr>
               </table>

           </form>

function valida(form)

{

if(form.nome.value==""){

	alert ("Preencha o seu nome.");

	return false;

}

if(form.telefone.value==""){

	alert ("Preencha o seu Telefone.");

	return false;

}

	return true;

}

function verifica(){

msg = "Deseja enviar?";

return confirm(msg);

}

function Mascara(o,f){

v_obj=o

v_fun=f

setTimeout("execmascara()",1)
}


function execmascara(){

v_obj.value=v_fun(v_obj.value)

} 


function Telefone(v){

v=v.replace(/\D/g,"")                 

v=v.replace(/^(\d\d)(\d)/g,"($1) $2") 

v=v.replace(/(\d{4})(\d)/,"$1-$2")    

return v

}

[William Bruno 1501]

não use esse formato: form.campo.atributo:

        if(form.nome.value==""){

 

 

prefira o padrão:

document.getElementById('id_do_campo').value

 

 

leia:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

[FernandoPhP 9]

Tem um post que tem a validação das marcaras de entrada, Link não autorizado removido

 

Tem um outro que valida do lado do PHP (server side).

 

Nesse post tem os arquivos em anexo para download. Link não autorizado removido

 

Fica ai a dica.

 

Você também pode usar a validação em Jquery através de diversos plugs de fácil validação.