Demo formvalidation.io

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://formvalidation.io/bundles/0a3b9034e109d88d72f83c9e6c9d13b7.js"></script>
<link rel="stylesheet" href="http://formvalidation.io/bundles/c588c3c0468f4633c99de6e16289c863.css">
<form id="frm" class="form-horizontal" action="/" method="get">
    <div class="form-group">
        <label class="col-xs-3 control-label">Full name</label>
        <div class="col-xs-4">
            <input type="text" class="form-control" name="firstName" placeholder="First name" />
        </div>
    </div>

    <div class="form-group">
        <div class="col-xs-9 col-xs-offset-3">
            <button type="submit" name="submitButton" class="btn btn-primary">Submit</button>
        </div>
    </div>
</form>

JavaScript

$(document).ready(function() {

  $('#frm').bootstrapValidator({
    framework: 'bootstrap',
    icon: {
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
      firstName: {
        row: '.col-xs-4',
        validators: {
          notEmpty: {
            message: 'The first name is required'
          }
        }
      }
    }
  }).on('success.form.fv', function(e) {
  	console.log("Submit");
  });
});