Размытие ввода не работает

0

Я пытаюсь добавить класс.success в поле ввода всякий раз, когда я выхожу из поля ввода. Однако, когда я нажимаю кнопку ввода, класс.required все еще отображается, хотя я удалил класс. Что я делаю не так?

$('#legal_name').focus(function () {
    $('legal_name').removeClass('whiteBorder');
    $('#legal_name').addClass('required');
});
$('#legal_name').blur(function () {
    $('legal_name').removeClass('required');
    $('legal_name').addClass('success');
});
  • 4
    Вы забыли # в $('legal_name').removeClass('whiteBorder'); Теперь он ищет такой узел: <legal_name></legal_name> который он не находит.
  • 4
    Этот вопрос кажется не по теме, потому что речь идет об опечатке.
Теги:
input
blur
onblur

4 ответа

4
Лучший ответ

Опечатка

$('#legal_name')
   ^ missing id-selector

# id-selector


или лучше использовать
$('#legal_name').focus(function () {
    $(this).removeClass('whiteBorder').addClass('required');
}).blur(function () {
    $(this).removeClass('required').addClass('success');
});

это ключевое слово,

  • 1
    ошибка пользователя как всегда;) спасибо за предложение написать более короткий код тоже!
  • 0
    @ user2736472 Добро пожаловать, рады помочь :)
1

Вам не хватает знака #.

$('#legal_name').focus(function() {
    $('#legal_name').removeClass('whiteBorder');
    $('#legal_name').addClass('required');
});

$('#legal_name').blur(function() {
    $('#legal_name').removeClass('required');
    $('#legal_name').addClass('success');
});
0

Вы пропустили, чтобы добавить # в $('legal_name')

Попробуйте добавить $('#legal_name')

0
$('#legal_name').focus(function() {
$('legal_name').removeClass('whiteBorder');
$('#legal_name').addClass('required');
});
$('#legal_name').blur(function() {
$('#legal_name').removeClass('required');
// ^ your id identifier '#' is missing
$('#legal_name').addClass('success');
// ^ same here
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню