Фокус при повторном клике на input, как убрать то что уже было вызвано функцией?

Question

[Darkness]

Привет! Получается я вызываю и добавляю стили при неправильном вводе email, но мне нужно еще сделать
так, чтобы если нажимаешь снова, то данные красные буквы и стили уходили. Пытался сделать через off(), focus(), .css(), но пока получилось только убрать подчеркивание только у input'а, с помощью :focus { border: none}, а вот с текстом не могу сделать, рад буду помощи!

$(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").off();
      } else {
        $(this).addClass("error");
  $("#test").fadeIn(600).css({ display: "block" }).text("WRONG EMAIL");
      }
    }
  });
});
/*(не правильное добавление .css, не работает)*/

Comments

[wagoodoogoo]

наоборот сделать? нет?

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

[Darkness]

wagoodoogoo, Добавлял уже перед else так, ничего не происходит

[Darkness]

wagoodoogoo, получается, вот я ввел не правильно маил, он показал wrong, после я снова навожу на input и полоска и текст с Wrong уходит, т.е. при фокусе

[Darkness]

wagoodoogoo, То что ты посоветовал, я даже не заметил, что так, спасибо , а мой вопрос также не решен

[wagoodoogoo]

.off() уберите, просто

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

[DanKud]

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

[Darkness]

wagoodoogoo, итак уже давно убрал

[Darkness]

DanKud, спасибо, опыта оч. мало, да и практики , не дошло! Все работает! Спасибо!

Answer 1

[Darkness]

Благодаря 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("");
      }