Skip to main content
2 de 3
se añadieron 4 caracteres en el cuerpo

BootstrapValidator solo muestra mensaje y no color ni icono

Buen día Mi problema es el siguiente Al momento de validar un campo con bootstrapValidator solo me muestra el texto en negro :

al momento de mandar el input vacío me muestra el mensaje y eso esta correcto

lo que quiero es que muestre algo asi:

Se que el problema podria ser el css pero ya puse el cdn css de bootstrap Validator:

    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>

Este es mi codigo html:

                                                            <div class="col-md-6">
                                                            <div class="form-group">
                                                                <h7>Modelo</h7>
                                                                <input type="text" id="Modelo" name="Modelo" class="form-control" placeholder="Modelo" autocomplete="off" />
                                                            </div>
                                                        </div>

y Este es mi codigo JS:

  $('.RegisterForm').bootstrapValidator({
    message: 'This value is not valid',
    feedbackIcons: {
        valid: 'glyphicon glyphicon-ok',
        invalid: 'glyphicon glyphicon-remove',
        validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
        Modelo: {
            message: 'The username is not valid',
            validators: {
                notEmpty: {
                      message:'The username is required and cannot be empty'
                }
            }

        }
    },

});

Espero que me puedan ayudar ,Gracias de Antemano Saludos