输入模糊不起作用

Question

每当我单击输入字段时，我都会尝试将.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');
});

Answer 1

错字

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

# id-selector

<小时/> 或者更好地使用

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

this-keyword

Answer 2

你缺少＃符号。

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

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

Answer 3

您错过了在#

中添加$('legal_name')

尝试添加$('#legal_name')

Answer 4

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