Cita:
Iniciado por zerokilled 
me costo un poco de trabajo comprender tu mensaje! espero responder a tus dudas. estas en lo cierto, el problema era que DIV es un elemento tipo bloque. pero al cambiarlo por SPAN te sigue apareciendo como saltos de linea. razon, en tu script estas cambiando el comportamiento del elemento en la propiedad style.display. fijate que le estas asignando como valor block. lo que significa que el elemento actuará como un elemento de tipo bloque. la solucion es una de dos para cuando quieras mostrar el elemento. le asignas como valor inline o le asignas un string vacio.
ok, te entiendo, disculpa si no me expreso bien.
Ahora tengo otro inconveniente, quisiera validar un email con expresion regular
tengo esto:
Código HTML:
function validar(valor){
if(document.contact.campo.value.length==0){
document.getElementById('nombre').style.display="inline"
document.contact.campo.focus()
return false;
} else {
document.getElementById('nombre').style.display="none"
}
if(document.contact.campo2.value.length==0){
document.getElementById('apellido').style.display="inline"
document.contact.campo2.focus()
return false;
} else {
document.getElementById('apellido').style.display="none"
}
if(document.contact.email.value.length==0){
document.getElementById('email').style.display="inline"
document.contact.email.focus()
return false;
} else {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){
} else {
document.getElementById('email2').style.display="inline"
return false;
}
document.getElementById('email').style.display="none"
}
}
Código HTML:
<form name="contact" action="index.php" method="post" onsubmit="return validar(this.form.email.value);">
nombre: <input type="text" name="campo" /> <b id="nombre" style="display:none; color:#ff0000;">Ingrese Nombre</b>
<br /><br />
apellido: <input type="text" name="campo2" /> <b id="apellido" style="display:none; color:#ff0000;">Ingrese Apellido</b>
<br /><br />
email: <input type="text" name="email" /> <b id="email" style="display:none; color:#ff0000;">Ingrese Email</b><b id="email2" style="display:none; color:#ff0000;">Email en formato no valido</b>
<input type="submit" value="submit" />
</form>
pero no me funciona, ni siquiera me lo valida ya
le agregue, this.form.email.value al evento onsubmit y a la funcion le puse (valor), ya que asi lo tengo en la funcion validar tradicional, que utilizo:
Código HTML:
//valido el email
if (document.contact.email.value.length==0){
alert("Por favor ingrese su E-mail\n\nGracias")
document.contact.email.focus()
return false;
} else {
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(valor)){
} else {
alert("El E-mail ingresado no es un e-mail valido\nPor favor verifique que sea una direccion e-mail valida\n\nGracias");
return false;
}
}
Me ayudas, para seguir aprendiendo, porfa??