Cambiar de color el mensaje de alerta

andre___5025 · #1 (**permalink**) 18/03/2014, 10:52

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<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Validar formularios</title>  
<head> 
<script src="validacion_jquery/jquery.js"></script>
<script src="validacion_jquery/jquery.validate.js"></script>
<script type="text/javascript">
    $(function(){
        $('#miForm3').validate({
            rules :{
                mi_nombre : {
                    required : true,
                    minlength : 3, //para validar campo con minimo 3 caracteres
                    maxlength : 9  //para validar campo con maximo 9 caracteres
                },
                mi_pais : {
                    required :true,
                },
                mi_email : {
                    required : true, //para validar campo vacio
                    email    : true  //para validar formato email
                },
                mi_edad : {
                    required : true,
                    number : true   //para validar campo solo numeros
                }
            }//cierra rules
        });    
    });
</script>
</head> 
 
<body> 
 
<!--  <form name="formulario" id="miForm3">-->
<FORM id="miForm3" NAME="formulario" METHOD="post">
    Email <input type="text" class="required" name="mi_email">
     <br>
    Nombre <input type="text" class="required" name="mi_nombre">
     <br>
    Edad <input type="text" class="required" name="mi_edad">
     <br>
    Pais <select class="required" name="mi_pais">
        <option value="">Elegir</option>
        <option value="1">Peru</option>
    </select>
     <br>
    <input name="enviar" type="submit" value="Enviar">
</form>
</body> 
</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

PHPeros · #2 (**permalink**) 18/03/2014, 11:07

¿Alertas?¿Color? ¿No será el elemento que guarda el mensaje de error?:

http://stackoverflow.com/questions/6...ake-fields-red

andre___5025 · #3 (**permalink**) 18/03/2014, 15:14

jejeej si PHPeros perdon no me supe expresar bien. pero si lo que me corriges es verdad. pero lo que pasa es que es este validador, el mensaje de error viene en letra color negra y lo ideal es que fuese roja para que resalte el mensaje de error al estar algun campo en blanco o nulo. La verdad no sabria como añadirle colo ya que no trae algun atributo para cambiarselo o un hoja de estilos.

PHPeros · #4 (**permalink**) 18/03/2014, 15:29

¿Leiste el link que puse? Está perfectamente explicado.

andre___5025 · #5 (**permalink**) 18/03/2014, 16:18

si gracias me sirvio. Ya lo solucione. gracias por tu tiempo y conocimiento