estou com um formulário que fica dentro de um iframe mas não to conseguindo validar o input de email
segue o a pagina do formulario:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/> <head> <title></title> <% session("dados_ok") = "S" %> <style type="text/css"> <!-- <style type="text/css"> *{ text-decoration:none; } <!-- </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> td img {display: block;}.style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } .style2 { font-size: 24px; color: #003366; } .style6 {font-size: 9px} </style> <style type="text/css"> td img {display: block;}body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } .style1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .style2 {font-size: 10px} .style7 {color: #000000} .style13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #003366; } .style14 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; font-weight: bold; } .style19 { color: #FF0000; font-size: 11px; } .style20 {color: #666666} .style22 {color: #003366} </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body width="361" height=" 100"> <center> <table width="361" border="0" cellpadding="0" cellspacing="0" bordercolor="#575757" bgcolor="" style="display: inline-table;"> <!-- fwtable fwsrc="art.fw.png" fwpage="Página 1" fwbase="art.jpg" fwstyle="Dreamweaver" fwdocid = "1962855546" fwnested="0" --> <table width="361" height="250" border="0" bgcolor="#FFFFFF"> <tr> <td height="150" colspan="0" valign="top"><div align="justify"> <p class="style1"><font size="2" face="Verdana"><font color="#003366"><a name="formulario" id="formulario"></a> <script language="JavaScript" type="text/javascript"> <!-- function validar(theForm) { // Verifica se o campo E-mail está preenchido if (theForm.email.value == "") { alert("Favor preencher o campo \"e-mail\"."); theForm.email.focus(); return (false); } } //--> </script> <script language=javascript> function confere(){ if (document.theForm.email.value.indexOf('@', 0) == -1 || document.theForm.email.value.indexOf('.', 0) == -1){ alert("E-mail invalido!"); return false; } } function is_email(email){ er = /^[a-zA-Z0-9][a-zA-Z0-9\._-]+@([a-zA-Z0-9\._-]+\.)[a-zA-Z-0-9]{2}/; if( !er.exec(email) ) { jQuery('#retorno_capta').html('Email inválido!'); return false; } } </script> <script type="text/javascript"> var backup = new Array function check_alpha(val,name) { var goodChars = "0123456789abcdefghijklmnopqrstuxywvzABCDEFGHIJKLMNOPQRSTUVWXYZ" var errors = 0 var isOk = 1 for(var i=0;i<val.length;i++) { isOk = 1 for(var j=0;j<goodChars.length;j++) { if(goodChars.charAt(j) == val.charAt(i)) { isOk = 0 } } if(isOk == 1) { errors++ break; } } if(errors > 0) { if(backup[name]) { document.getElementById(name).value = backup[name] } else { document.getElementById(name).value = "" } } else { backup[name] = val } } </script> <font color="#003366"><a name="formulario" id="formulario"></a></font><font size="2" face="Verdana"> <style> .form {font-size: 11px; font-family: Tahoma; color: #333333; background-color: #E3E3E3; border: #666666 1px double;} .botao {font-size: 11px; font-family: Tahoma; color: #333333;} </style> </font></font></font><font color="#003366" size="2" face="Verdana, Arial, Helvetica, sans-serif"> <input type="hidden" name="subject" value="Cadastro" /> <input type="hidden" name="recipient" value="email destinatario" /> <input type="hidden" name="redirect" value="http://pagina de destino.com.br" /> </font> </p> <p align="center" class="style1"> </p> </div> <form action="enviar_mensagem.asp?sessao=<%=session("dados_ok")%>" name="theForm" method="post" align="center" onSubmit="return validaForm()"> <center> <p class="style14"> </p> </center> <table width="361" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td align="right"><span class="style13">Nome<span class="style19">*</span>:</span></td> <td align="left"><font size="2" face="Verdana"> <input name="nome" type="nome" class="form" id="nome" size="35" maxlength="60" required="required" onChange="check_alpha(this.value,this.id)" onKeyUp="check_alpha(this.value,this.id)"> </font></td> </tr> <tr> <td width="30%" align="right" valign="top"><div align="right"><span class="style22"><font face="Verdana" size="2">E-mail</font></span><span class="style19">*</span><font face="Verdana" size="2">:</font></div></td> <td width="70%" align="left"><font size="2" face="Verdana"> <input name="email" type="email" class="form" id="email" size="35" required="required" maxlength="60" onblur="confere()" onkeyup="this.value = this.value.toLowerCase();" /> <br /> </font><font face="Verdana"><span class="style2 style7"><span class="style2 style20"><span class="style6">(Digite um e-mail válido)</span></span></span></font> </td> </tr> <tr> <td width="30%" align="right" valign="top"><div align="right"><span class="style22"><font size="2" face="Verdana">Cadastre uma senha</font></span><span class="style19">*</span><font size="2" face="Verdana">:</font></div></td> <td width="70%" align="left"><font size="2" face="Verdana"> <input name="senha" type="password" class="form" id="senha" size="35" maxlength="60" required="required" onChange="check_alpha(this.value,this.id)" onKeyUp="check_alpha(this.value,this.id)"> <br /> </font><font face="Verdana"><span class="style2 style7"><span class="style2 style20"><span class="style6">(Digite uma senha com letras e números)</span></span></span></font></td> </tr> <tr> <td width="30%" height="35"> </td> <td width="70%" align="left" valign="bottom"><font size="2" face="Verdana"> <input name="submit" type="submit" class="botao" onmouseover="window.status='Certifique-se que as informações estão corretas, e aperte o botão para envia-las';return false" onmouseout="window.status=('Tecnologia, Wanderson!')" value="Enviar" Onclick="JavaScript:parent.location='form.asp'" /> <input name="submit" type="submit" class="botao" onmouseover="window.status='Certifique-se que as informações estão corretas, e aperte o botão para envia-las';return false" onmouseout="window.status=('Tecnologia, Wanderson!')" value="Já sou cadastrado" Onclick="JavaScript:parent.location='form.asp'"/> </font></td> </tr> </table> </body> </form> </html>