AntonBrock
@AntonBrock
screen light

Как сделать подсказку bootstrap, если она должна появиться если не верно введен email?

Как видно, если не правильно введ email то подчеркивается input и нужно сделать вывод подсказки,
пытался на скрытый span сделать, на скрытый input, ссылку, но никак не выдает её пока не навидешь на Видимый элемент, это возможно вообще?

Есть код:
$(document).ready(function() {
    $(".input_form").blur(function() {
      if ($(this).val() != "") {
        var pattern = /^([a-z0-9_\.-])+@[a-z0-9-]+\.([a-z]{2,4}\.)?[a-z]{2,4}$/i;
        if (pattern.test($(this).val())) {
          $(this).removeClass("error_email");
          $("#id").fadeOut(600).css({ display: "none" }).tooltip();
        } else {
          $(this).addClass("error_email");
          $("#id").fadeIn(600).css({ display: "block" }).tooltip();
        }
      }
    });
  });
  
$(document).ready(function() {
  $('.input_form').on('focus', function() {
      $(this).removeClass('error_email');
      $('#id').hide();
  });
});

$(document).ready(function() {
  $('input').tooltip ();
});


Спасибо за помощь!
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ответы на вопрос 1
mrusklon
@mrusklon
Не получается? Яростно гугли!
выношу решение из комментариев https://codepen.io/mrusklon/pen/VgmqmL
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
28 нояб. 2024, в 21:25
5000 руб./за проект
28 нояб. 2024, в 18:46
3000 руб./за проект
28 нояб. 2024, в 17:46
10000 руб./за проект