Validação input e-mail não esta validando, só cria um alerta

wanderson.PHW · Julho 16, 2015

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>