Using Glyphicons icons

The Glyphicons icon set is included with Bootstrap v3 , so you can use it as:
        
< link rel = " stylesheet " href = " https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css " />
< link rel = " stylesheet " href = " /vendors/formvalidation/dist/css/formValidation.min.css " />
< form id = " demoForm " > ... form >
< script src = " /vendors/formvalidation/dist/js/FormValidation.min.js " > script >
< script src = " /vendors/formvalidation/dist/js/plugins/Bootstrap3.min.js " > script >
< script >
document . addEventListener ( 'DOMContentLoaded' , function ( e ) {
FormValidation . formValidation (
document . getElementById ( 'demoForm' ) ,
{
fields : {
...
} ,
plugins : {
bootstrap3 : new FormValidation . plugins . Bootstrap3 ( ) ,
icon : new FormValidation . plugins . Icon ( {
valid : 'glyphicon glyphicon-ok' ,
invalid : 'glyphicon glyphicon-remove' ,
validating : 'glyphicon glyphicon-refresh' ,
} ) ,
} ,
}
) ;
} ) ;
script >
Using Glyphicons icons

See also