$('#exampleInputUsername1')
.change(function(e) {
    var inputUsername = $(this);
    var username = inputUsername.val();
    var re = /^[A-Za-z][A-Za-z0-9_]+$/;
    var isUsernameValid = username.match(re);
    if(! isUsernameValid) {
        inputUsername
        .addClass('is-invalid')
        .removeClass('is-valid');
    }
    else {
        inputUsername
        .addClass('is-valid')
        .removeClass('is-invalid');
    }
    
    
})

var onglets = $('#onglets li a');

onglets.click(function(e) {
    var link = $(this);
    onglets.removeClass('active');
    link.addClass('active');
    var idPanneau = link.data('tab-id');
    $('.tab').hide();
    $('#' + idPanneau).show();
});