Display error messages of the html validation in a symphony form

validation.js

$('input,select,textarea', $context).on('invalid', function(evt) {
    var $this = $(this);
    setErrorMessage($this, $this.data('validation-message') || this.validationMessage);
});

function setErrorMessage($field, message) {
    var $parent = $field.closest('div:not(.input-group)');
    var $messageContainer = $parent.find('.help-block');
    if (!$messageContainer.length) {
        $messageContainer = $('<span class="help-block"><ul class="list-unstyled"></ul></span>');
        $parent.append($messageContainer);
    }
    $messageContainer.find('ul').html('<li><span class="glyphicon glyphicon-exclamation-sign"></span> ' + message + '</li>');
}