jQuery：如果用户退出该字段而不填写它，则添加一个错误类

Question

我有一个输入，如果用户在不填写输入的情况下退出输入，我想为它添加一个错误类。

这是我的代码：

<input type="text" value="" id="LastName" class="text" name="LastName">

到现在为止，我想到了这一点，但我真的不知道如何应用它：

.blur(function() { if ($(this)[0].value == '') { $(this).addClass("error") } });

Answer 1

你可以这样做：

$("#LastName").blur(function() {
    if (this.value == '') {
        $(this).addClass("error");
    }
});

您必须定位您的元素。由于您的文字输入上有ID，因此您可以使用$("#LastName")来定位，其余的则是您已经获得的。

Answer 2

看起来你已经或多或少了。

$('#LastName').on('blur', function () {
  if ($(this).val() == '') {
    $(this).addClass('error');
  }
});

Answer 3

我认为你正在尝试这个

$('#LastName').blur(function () {
    if ($(this).val() == '') {
        //$(this).addClass("error");
        alert("error");
    }
});

检查JSFiddle