edit_profile.html

<div class="groups-tagit">
  {{ form.groups.label_tag() }}
  {{ form.groups }}
</div>

validation.js

var displayAnotherError = function(field, message) {
    var group = field.parents('.groups-tagit')
    group.addClass('error')
    group.append('<span class="help-inline">' +
                 '<p class="help-block">' + message + '</p>' + '</span>')
}


and modify the validateGroup method like:


    validateGroup: function(group, field) {
        var name = group.children('span').text();
        if (name.match(/^[a-zA-Z0-9 .:,-]*$/g) === null) {
            displayAnotherError(field, gettext('Groups can only contain ' +
                                        'alphanumeric characters, dashes, ' +
                                        'spaces.'));
            // HACK: Do this without dirty DOM manipulation.
            group.children('a.tagit-close').click();
        }
    },