fields.forEach((field) => {
    function validateField () {
    var isInvalid = $('.is-invalid').length

    console.log(isInvalid);
    if (field.element.val() != '' || field.element.val() != false ) {
     field.element.addClass('is-valid');
     if (isInvalid == 0) {
      $('.reg-button').removeClass('disabled');
     }
     else {

     }
      if (field.element.hasClass('is-invalid')) {
       field.element.removeClass('is-invalid')
      }
      else {

      }
    }
    else {
     field.element.addClass('is-invalid');
     // $('.reg-button').addClass('disabled');
     if (field.element.hasClass('is-valid')) {
      field.element.removeClass('is-valid')    }
     else {

     }
    }
   }

   field.element.on('input', validateField);
   field.element.on('click', validateField);
  });