Foros del Web » Programando para Internet » Javascript »

Poner alert y cambiar color del input

Estas en el tema de Poner alert y cambiar color del input en el foro de Javascript en Foros del Web. Hola a tod@s Vereis tengo este código he reducido el número de campos para que sea mas legible, tal como esta funciona bien y me ...
  #1 (permalink)  
Antiguo 07/09/2014, 07:00
 
Fecha de Ingreso: enero-2011
Ubicación: España
Mensajes: 222
Antigüedad: 13 años, 3 meses
Puntos: 7
Poner alert y cambiar color del input

Hola a tod@s

Vereis tengo este código he reducido el número de campos para que sea mas legible, tal como esta funciona bien y me saca el alert, pero lo que necesito es que cuando el input este vacio o en el caso del input "email personal" no sea correcto me saque el alert y me cambie el color de fondo del input.
Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     function validarregistropersonal(){
  3.         if(document.getElementById("nombrepersonal").value=="")
  4.             alert("Ingrese su Nombre");        
  5.         else if(document.getElementById("apellidopersonal1").value=="")
  6.             alert("Ingrese su Primer Apellido");
  7.         else if(!validarEmail(document.getElementById("emailpersonal").value)) // validamos el correo valido
  8.             alert("El correo introducido no es correcto.\nIngrese un correo valido");
  9.         else
  10.             document.EnvioForPersonal.submit(); // enviamos el formulario
  11.     }
  12. </script>
Espero me podais ayudar ya que soy bastante novato en javascript.
gracias a tod@s y un saludo,
__________________
¿Hay algo mas hermoso que ayudar.?
  #2 (permalink)  
Antiguo 07/09/2014, 07:17
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Poner alert y cambiar color del input

No es nada difícil, solo es modificar estilos:

Código Javascript:
Ver original
  1. function validarregistropersonal(){
  2.         var elem1 = document.getElementById("nombrepersonal");
  3.         // ...
  4.         if(!elem1.value){
  5.             alert("Ingrese su Nombre");
  6.             elem1.style.backgroundColor = "red";
  7.             return;
  8.         }
  9.         // ...
  10.         document.EnvioForPersonal.submit(); // enviamos el formulario
  11. }

PD: Utiliza return en vez de sentencias else/else if para ahorrar código, ya que estás dentro de una función.

Última edición por PHPeros; 07/09/2014 a las 07:26
  #3 (permalink)  
Antiguo 07/09/2014, 12:58
 
Fecha de Ingreso: enero-2011
Ubicación: España
Mensajes: 222
Antigüedad: 13 años, 3 meses
Puntos: 7
Respuesta: Poner alert y cambiar color del input

Muchas gracias PHPeros.

Efectivamente es lo que pedi y funciona bien, lo he probado y es correcto, pero como lo que pretendo es mejorar el formulario, me he dado cuenta de una cosa y abusando de tu amabilidad y conocimientos en este campo, quisiera a ser posible que hiciese lo siguiente si me puedes ayudar.

Lo que quiero es mostrar el input cuando no contiene nada en rojo y sacar el alert y cuando se introduce el dato volver a su color original en este caso blanco.

tambien se me ocurre quitar el alert que no me gusta nada y poner en un determinado sitio de mi página un div y que los mensajes aparezcan en el mismo.

Mientras solicito la ayuda estoy investigando por mi cuenta y haciendo pruebas.

Gracias por tu ayuda y por abusar de la misma
__________________
¿Hay algo mas hermoso que ayudar.?

Etiquetas: color, formulario, funcion, input
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 13:29.