​

(() => {

  'use strict';

  // Fetch all the forms we want to apply custom Bootstrap validation styles to

  const forms = document.querySelectorAll('.needs-validation');

​

  // Loop over them and prevent submission

  Array.prototype.slice.call(forms).forEach((form) => {

    form.addEventListener('submit', (event) => {

      event.preventDefault();

      event.stopPropagation();

​

      form.classList.add('was-validated');

    },false);

  });

  const noReqRadio = document.querySelector('#noReqRadio')

  const reqRadio = document.querySelector('#reqRadio')

const selectEl = document.querySelector('#basic-select')

​

  function insertAfter(newNode, existingNode) {

      existingNode.parentNode.insertBefore(newNode, existingNode.nextSibling);

  }

  const label = document.createElement('label');

  label.classList.add('form-label')

  label.classList.add('select-label')

noReqRadio.addEventListener('click', () => {

  mdb.Select.getInstance(selectEl).dispose();

  selectEl.removeAttribute('data-mdb-validation')

  label.textContent = 'label no required'

  insertAfter(label, selectEl)

  const instance = new mdb.Select(selectEl);

})

reqRadio.addEventListener('click', () => {

  console.log(reqRadio.value)

  mdb.Select.getInstance(selectEl).dispose();

  selectEl.setAttribute('data-mdb-validation', 'true')

  label.textContent = 'label required'

  insertAfter(label, selectEl)

  const instance = new mdb.Select(selectEl, {});

})

})();

​