Buenas
Tengo esta función para validar un email en un formulario, la función funciona correctamente, me emite el mensaje de que la cuenta no es válida , pero me envía la infomación a la base de datos, cómo puedo hacer para que no la envíe hasta tanto el usuario escriba una dirección de correo correcta.
<script language="JavaScript">
// Validar los campos
function validarEmail(){
var hayAlgo = true;
// validar la cuenta de correo usando una expresión regular (RegExp)
if(formulario.email.value.search(/^[\w-\.]+@([\w-]+\.)+[\w-]{2,4}$/ig)){
hayAlgo = false;
alert("La cuenta no es válida, debes escribirla de forma: [email protected]nio");
formulario.email.select();
formulario.email.focus();
return false;
}
}
</script>
Este es el formulario
<form name = "formulario" action = "http://127.0.0.1/Ingresarformu.asp" method = post>
<table align ="center" border = "0">
<td align="left" width="200">Nombre de usuario:
</td>
<td align="left" width="150"><INPUT NAME="nombre_usuario" MAXLENGTH="20" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Contraseña:
</td>
<td><INPUT NAME="contraseña" MAXLENGTH="10" TYPE="password" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="200">Repita contraseña:
</td>
<td><INPUT NAME="repita" MAXLENGTH="10" TYPE="password" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150">Sexo:
</td>
<td align="left" width="150"><INPUT TYPE="radio" NAME="sexo" VALUE="masculino">Masculino
<BR><INPUT TYPE="radio" NAME="sexo" VALUE="femenino">Femenino
</td>
<tr>
<td align="left" width="150">Nombre:
</td>
<td align="left" width="150"><INPUT NAME="nombre" MAXLENGTH="20" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Apellido:
</td>
<td><INPUT NAME="apellido" MAXLENGTH="20" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Título:
</td>
<td><INPUT NAME="titulo" MAXLENGTH="20" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Institución:
</td>
<td><INPUT NAME="institucion" MAXLENGTH="20" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Código Postal:
</td>
<td><INPUT NAME="codigo" MAXLENGTH="10" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Ciudad:
</td>
<td><INPUT NAME="ciudad" MAXLENGTH="25" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> País:
</td>
<td><INPUT NAME="pais" MAXLENGTH="15" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Teléfono:
</td>
<td><INPUT NAME="telefono" MAXLENGTH="12" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Email:
</td>
<td><INPUT NAME="email" MAXLENGTH="20" TYPE="TEXT" VALUE="" size ="40">
</td>
<tr>
<td align="left" width="150"> Categoría:
</td>
<td><INPUT TYPE="radio" NAME="categoria" VALUE="estudiante">Estudiante
<BR><INPUT TYPE="radio" NAME="categoria" VALUE="docente">Docente
</td>
</TABLE>
<br>
<center><input type="Reset" value="Borrar" name="RESET">
<INPUT NAME="boton" TYPE="SUBMIT" VALUE="Enviar" onclick=validarEmail(); ></center>
</form>