Ver Mensaje Individual
  #1 (permalink)  
Antiguo 09/01/2012, 00:33
s3t3r
 
Fecha de Ingreso: diciembre-2011
Ubicación: Corrientes
Mensajes: 12
Antigüedad: 13 años
Puntos: 1
Validación de Textarea - Salto de Lineas

Hola a todos, tengo el siguiente codigo que verifica que los campos del formulario no esten vacios, si los campos estan vacios actua alertando al usuario.
Código Javascript:
Ver original
  1. function valida(F) {  
  2.          
  3.         if( vacio(F.nya.value) == false ) {  
  4.                 alert("El campo 'Nombre y Apellido' no puede estar vacio.")  
  5.                 return false  
  6.         } else  
  7.                {  }
  8.        
  9.         if( vacio(F.email.value) == false ) {  
  10.                 alert("El campo 'Correo Electronico' no puede estar vacio.")  
  11.                 return false  
  12.         } else {  }  
  13.                
  14.          if( vacio(F.coment.value) == false ) {  
  15.                 alert("El campo 'Comentarios' no puede estar vacio.")  
  16.                 return false  
  17.         } else {  }    
  18.          
  19. }

Código HTML:
Ver original
  1. <form method="post" action="envcon.php" name="contactenos" onSubmit="return valida(this)">
  2. <div id="div1"><input class="btn" name="nya" type="text" onkeypress="return handleEnter(this, event)" style="width:163px"/></div>
  3. <div id="div2"><input class="btn" name="email" type="text" onkeypress="return handleEnter(this, event)" style="width:163px"/></div>
  4. <div id="div3"><input class="btn" name="address" type="text" onkeypress="return handleEnter(this, event)" style="width:163px"/></div>
  5. <div id="div4"><input class="btn" name="tel" type="text" onkeypress="return handleEnter(this, event)" style="width:163px"/></div>
  6. <div id="div5"><textarea class="btn" name="coment" type="text" style="width:172px; height:63px;"/></textarea></div>
  7. <div id="div6"><input class="botones" type="submit" name="submit" style="width:70; height:25;cursor:pointer;" value="."></div>
  8. <div id="div7"><input class="botones" type="reset" name="submit" style="width:70; height:25;cursor:pointer;" value=""></div>
  9. </form>
El inconveniente que se me presenta es solamente en el textarea (coment), si a dicho textarea lo dejo vacio y envio el formulario se activa la alerta diciendo El campo 'Comentarios' no puede estar vacio. Ahora, si en el textarea el usuario ingresa un salto de linea (Aprieta Enter) sin escribir nada, JS lo pasa por alto y envia el formulario de todas formas.

Quisiera saber si existe algun codigo que compruebe que en el textarea solo se ingresaron saltos de lineas y si es asi que se alerte al usuario que el campo esta vacio.

Ejemplos:

Textarea:(VACIO) - El campo Comentarios no puede estar vacio.

Textarea: Espacios y Saltos de Linea, sin caracteres ingresados - El campo Comentarios no puede estar vacio.

Textarea: Hola Mundo - El formulario se ha enviado correctamente.

Desde ya muchas gracias!!!