Tema: Cambiar de color el mensaje de alerta
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/03/2014, 10:52
andre___5025
 
Fecha de Ingreso: septiembre-2013
Ubicación: Bogota
Mensajes: 139
Antigüedad: 11 años, 3 meses
Puntos: 0
Cambiar de color el mensaje de alerta
Buenos dias amigos. Estoy validando un formulario con jquery y me funciona muy bien. El unico problema es que arroja los mensajes de alerta de color negro y como quiero que esos mensajes resalten para el usuario quiero cambiarlos a color rojo pero no le encuentro el modo. alguien me puede colaborar con este tema por favor. Gracias

index.php


Código HTML: 
Ver original
  1. <html>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  3. <title>Validar formularios</title>  
  4. <head> 
  5. <script src="validacion_jquery/jquery.js"></script>
  6. <script src="validacion_jquery/jquery.validate.js"></script>
  7. <script type="text/javascript">
  8.     $(function(){
  9.         $('#miForm3').validate({
  10.             rules :{
  11.                 mi_nombre : {
  12.                     required : true,
  13.                     minlength : 3, //para validar campo con minimo 3 caracteres
  14.                     maxlength : 9  //para validar campo con maximo 9 caracteres
  15.                 },
  16.                 mi_pais : {
  17.                     required :true,
  18.                 },
  19.                 mi_email : {
  20.                     required : true, //para validar campo vacio
  21.                     email    : true  //para validar formato email
  22.                 },
  23.                 mi_edad : {
  24.                     required : true,
  25.                     number : true   //para validar campo solo numeros
  26.                 }
  27.             }//cierra rules
  28.         });    
  29.     });
  30. </script>
  31. </head> 
  32.  
  33. <body> 
  34.  
  35. <!--  <form name="formulario" id="miForm3">-->
  36. <FORM id="miForm3" NAME="formulario" METHOD="post">
  37.     Email <input type="text" class="required" name="mi_email">
  38.      <br>
  39.     Nombre <input type="text" class="required" name="mi_nombre">
  40.      <br>
  41.     Edad <input type="text" class="required" name="mi_edad">
  42.      <br>
  43.     Pais <select class="required" name="mi_pais">
  44.         <option value="">Elegir</option>
  45.         <option value="1">Peru</option>
  46.     </select>
  47.      <br>
  48.     <input name="enviar" type="submit" value="Enviar">
  49. </form>
  50. </body> 
  51. </html>



El codigo de os archivos validadores los dejo en un repositorio ya que el codigo es muy largo:

https://github.com/nelson-linares/Validador_jquery