Помощь с jQuery и с input, пожалуйста?

Question

[Darkness]

Ребят, не могу понять, как можно скрыть подсказку. Знаю что есть .tooltip("destroy") и .tooltip("hide") , но что именно я не правильно делаю вот в этом коде? Почему она не скрывается когда пустое поле? Последний if. Т.е. нужно чтобы когда поле пустое - её не было , даже если неверно сначала введен email., получается что даже если сейчас вверно вести, она будет показываться, пока не кликнешь куда-нибудь .. Прошу помощи!
На CodePen: https://codepen.io/AntonBrock/pen/daNWZR?editors=1010

$(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");
            } 
    });
});

Comments

[FeST1VaL]

ну я нефига не понял... сейчас пустое поле изначально и ее нету... если ввести email, то она тоже не показывается
Как минимум как по мне зря вы делаете при наведении проверки, может проще при изменении с таймером каким то? чтобы понять что закончили ввод и тогда проверять?

[Павел Ткаченко]

Потому что срабатывание происходит только при потери фокуса... Даже когда вы все поле очистили, но фокус ещё установлен, будет выводится тултип...

[Darkness]

Павел Ткаченко, именно , как мне это исравить? Или же это нормальная логика? Не думаю, ну типа убрал что неверно написал = ушла ошибка

[Darkness]

Артем Будин, использовал для красной линии и только

Answer 1

[Павел]

то условие второе if == '' , не выполнится потому что выполняется первое
надо добавить например keyup
https://codepen.io/mrusklon/pen/zeNaRr?editors=1010

Answer 2

[tema_sun]

Ну так вы слушаете "blur" только. Если вы хотите, чтобы при изменении текста работало слушайте "keyup"

Comments

[Darkness]

Подробнее можно? Я за 2 дня смог со всей возможной помощью сделать данный код, но то что вы сказали, мне ничего не дает. Т.е. мне нужно весить не blur а keyup и тот же код оставить?

[Darkness]

окей, я воспользовался советом, но теперь она исчезает только если есть пробел

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

[Darkness]

А лол, я ведь и поставил пробел, понял и разобрался, спасибо за помощь!

[tema_sun]

Darkness, молодец. То, что разобрался сам - это в тыщу раз лучше, чем если бы я готовое решение дал.

Answer 3

[2cha.headz]

https://codepen.io/glagolew059/pen/qgRKma

Comments

[Павел]

не плохо но тут тогда будет ошибка во время набора текста

[Darkness]

Все работает! Спасибо, сам через keyup сделал, если будут притензии что опять скрипт, воспользуюсь вашем решением! Спасибо!

[Darkness]

Павел, а я и не заметил) Верно