Я пытаюсь добавить класс.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');
});
Опечатка
$('#legal_name')
^ missing id-selector
$('#legal_name').focus(function () {
$(this).removeClass('whiteBorder').addClass('required');
}).blur(function () {
$(this).removeClass('required').addClass('success');
});
Вам не хватает знака #.
$('#legal_name').focus(function() {
$('#legal_name').removeClass('whiteBorder');
$('#legal_name').addClass('required');
});
$('#legal_name').blur(function() {
$('#legal_name').removeClass('required');
$('#legal_name').addClass('success');
});
Вы пропустили, чтобы добавить #
в $('legal_name')
Попробуйте добавить $('#legal_name')
$('#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
});
#
в$('legal_name').removeClass('whiteBorder');
Теперь он ищет такой узел:<legal_name></legal_name>
который он не находит.