Validar email sin alert

[LadyArwen]

hola. tengo esta función por medio de la cual valido que los campos de mi formulario no estén vacíos y no utilizo el típico alert, sino que aparecen debajo del campo de mi formulario. la función que utilizo es la siguiente:
en el head:

Código HTML:

function valida(c)
{
var i,v;
if(c)
 {
 i=c.name+"obl";
 (c.value.length<=0)?v="visible":v="hidden";
 document.getElementById(i).style.visibility=v;
 }
}

luego, en el formulario tengo:

Código HTML:

email:
<input type="text" name="email" onBlur="valida(this);">
<span id="emailobl" style="visibility:hidden;"><b>El campo 'email' es obligatorio</b></span>
nombre:
<input type="text" name="nombre" onBlur="valida(this);">
<span id="nombreobl" style="visibility:hidden;"><b>El campo 'nombre' es obligatorio</b></span> 

lo que yo quiero es validar también dos cosas:
la primera, validar que el email introducido es un email, es decir, que no pongan 'aaaaaa' y pueda enviar el formulario sino que al menos lleve el '@'.
la segunda, que ambos campos obliguen a un mínimo de 5 caracteres para poder continuar, si no, no puede enviar el formulario.
y que esas validaciones me salgan no en el alert si no como lo tengo. cómo lo hago?

[dogduck]

Aqui tienes un ejemplo con expresiones regulares:
http://www.aulambra.com/ver2.asp?id=87&tipo=Codigo

Código:

<script>
 function validarEmail(valor) {
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){
   alert("La dirección de email " + valor    + " es correcta.") 
   return (true)
  } else {
   alert("La dirección de email es incorrecta.");
   return (false);
  }
 }
</script>

salu2

[LadyArwen]

hola. gracias por la respuesta. pero yo necesito que la advertencia no venga con el tipico alert, es decir, que no salga el popup de alerta. es necesario usar como tengo la función programada. alguna idea?

[daniel00]

Que tal dogduck.

Creo que ya tienes solucionado la mayor parte de tu problema, sólo es agregar un poco de imaginación y listo. Hay que que mezclar tu solución con la solución de dogduck, algo como esto:

Código:

 <script>

 function validarEmail(valor) {
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){      return (true)
  } else {
   return (false);
  }

//Para validar emails.
function valida(c)
{
var i,v;
if(c)
 {
 i=c.name+"obl";
 (c.value.length<5 &&  !validarEmail(c) )?v="visible":v="hidden";
 document.getElementById(i).style.visibility=v;
 }
}
 }

</script>

Saludos y suerte!

[LadyArwen]

hola. si utilizo la última función que me dáis, la de daniel00, me da el error:
"se esperaba un objeto"

el form tiene estos datos:

Código HTML:

<form method="post" action="procesar.php" name="clientes"> 

lo digo porque no sé qué son los datos valor y test de esta función:

Código HTML:

function validarEmail(valor) {
  if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){      return (true)
  } else {
   return (false);
  }

[LadyArwen]

alguien sabe por qué me da ese error?

[caricatos]

Hola:

La validación "verdadera" deberías hacerla desde el tag form y el evento submit (onsubmit), aunque en vista de los mensajes vistos y lo que tienes, supongo que puedes cambiar la validación del email aparte:

Código:

<input type="text" name="email" 
onblur="document.getElementById('emailobl').style.visibility =
 (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(this.value)) ? 'hidden' : 'visible'">
<span id="emailobl" style="visibility:hidden;"><b>El campo 'email' es obligatorio</b></span>

Sobre test, es un método que "testea" expresiones regulares (lo que está entre las 2 barras "/[entre estos corchetes la expresión regular]/") que supongo que está bien escrita...

Saludos