Foros del Web » Programando para Internet » Javascript »

cambiar color de fondo de campo de texto

Estas en el tema de cambiar color de fondo de campo de texto en el foro de Javascript en Foros del Web. Amigos he buscado solución a mi problema pero no he encontrado, espero puedan ayudarme. Estoy validando un formulario y cuando un campo esta erróneo deseo ...
  #1 (permalink)  
Antiguo 06/07/2011, 18:42
 
Fecha de Ingreso: julio-2010
Ubicación: Chillan, Chile
Mensajes: 60
Antigüedad: 14 años, 3 meses
Puntos: 1
Pregunta cambiar color de fondo de campo de texto

Amigos he buscado solución a mi problema pero no he encontrado, espero puedan ayudarme.

Estoy validando un formulario y cuando un campo esta erróneo deseo cambiar el color de fondo del campo de texto a un color cualquiera pero que denote que en ese campo se ingreso un campo erróneo.
Tengo mas menos lo siguiente:

Con esto daria el color de fondo
Código CSS:
Ver original
  1. <style type="text/css">
  2. <!--
  3.  
  4. .colorFondo{
  5.     background-color: #F63;
  6. }
  7. -->
  8. </style>

Con esto valido

Código Javascript:
Ver original
  1. <script language="javascript">
  2.   function validarSiNumero(){
  3.     var numero=document.form1.rut.value;
  4.     if(numero==""){
  5.         alert("Ingrese un número");
  6.         return false;
  7.     }
  8.      if (!/^([0-9])*$/.test(numero)){
  9.         alert("Debe ingresar caracteres validos");
  10.                 //campo=rut.
  11.         document.form1.rut.value="";
  12.         //AQUÍ DESEO CAMBIAR EL FONDO DEL CAMPO DE TEXTO CON ERROR
  13.         return false;
  14.      }
  15.      return true;
  16.   }
  17. </script>

Bueno como ven tengo mas menos las herramientas pero me falta ese detalle.
espero puedan ayudarme, de antemano muchas gracias.
  #2 (permalink)  
Antiguo 06/07/2011, 19:34
 
Fecha de Ingreso: julio-2010
Ubicación: Chillan, Chile
Mensajes: 60
Antigüedad: 14 años, 3 meses
Puntos: 1
Respuesta: cambiar color de fondo de campo de texto

lo pille, hay esta la clave

Código Javascript:
Ver original
  1. document.form1.rut.className="colorFondo";

Etiquetas: css, validar-campos, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:03.