Darkness

Вот рабочая функция, которая перебирает объекты и правильно их складывает в один массив:

let a = []
getProp(this.n)
   function getProp(data) {
     let obj = {}
       _.forEach(data, (val, key) => {
          if (_.isObject(val)) {
             getProp(val);
          } else {
              a.push({"title": key, "value": val})
        }
      })
    }

Вот как выглядит правильный запрос.

$.getJSON('https://api.unsplash.com/photos/random?collections=228275&orientation=landscape&count=1&client_id={my key}, function(data){
        console.log(data);
    });

Спасибо Артем Будин за указ на ошибку, по привычке как в CSS прописал и zendor за возню со мной и разжовывание инфы. Понял что лучше вешать на form , так как если на кнопку все равно будет отправляться пустая форма, но можно сделать .submit и все будет ок.
Поэтому сделал на форму, через submit и с preventDefault() для запрета отправки формы.

Готовое решение:

$(document).ready(function() {
$("#email").blur(function() { 
        if ($(this).val() != "") {
        var pattern = /^(?!.*@.*@.*$)(?!.*@.*\-\-.*\..*$)(?!.*@.*\-\..*$)(?!.*@.*\-$)(.*@.+(\..{1,11})?)$/;
  
        if ($(this).val() != "" && pattern.test($(this).val())) {
            
            $(this).tooltip('disable');
            $(this).removeClass("error_message");
            $(this).attr('title', '');
            $(this).attr('data-original-title', '');
          } else {
            $(this).tooltip('enable');
            $(this).attr('title', '');
            $(this).addClass("error_message");
            $(this).attr('data-original-title', 'ошибочка');
        }
      }
            if($(this).val() == "") {
               $(this).tooltip("destroy");
            }   
    });
  });

$(document).ready(function(){
  $('#dub').submit(function (event) {
      if($('#email').hasClass('error_message') || $('#email') == "") { 
        event.preventDefault();
      } 
   });
});

$(document).ready(function() {
$('#email').on('focus', function() {
$(this).removeClass('error_message');
  });
});

$( "#email" ).keyup(function() {
  if($(this).val() === "") {
      $(this).tooltip("destroy");
}
});

Еще раз спасибо! Понял и запомнил :)

Благодаря DanKud получил то, что нужно, ну и спасибо за помощь еще wagoodoogoo
Нужно было просто вещать событие .on(focus), а wago же подсказал то, как убрать уже когда верно введено все! Спасибо , рябят!
1)

$('.input_form').on('focus', function() {
/* либо если вешать на клик:
$('.input_form').on('click', function() { */
    $(this).removeClass('error');
    $('#test').hide();
});

2)

if (pattern.test($(this).val())) {
        $(this).removeClass("error");
        $("#test").fadeOut(600).css({ display: "none" }).text("");
      }

Сайт нашел!
Вот ссылка: www.codeabbey.com

В строчке кода sliderImages.forEach(slideImage => { .. был пропущен символ.
Также последовал совету Alex и изменил. Теперь все ок! Спасибо всем!

Решение: перейти на svg и поместить стили в head. Спасибо за помощь Dymok