javascript - jQuery 类选择器问题

Question

我正在尝试编写代码，如果焦点离开带有“强制”类的文本字段，并且该字段为空，则发出警报声。

基本上，如果用户离开必填文本字段而没有编写任何内容，它会提示他们。

这是我的代码，它不起作用:

    $(document).ready(function(){
        $('.mandatory').blur(function(){
            if($(this.id).val() == "")
            {
                     alert('Field:' + this.id + ' is mandatory!');
            }
        });
    });

Answer 1

当您应该使用this时，您却使用了this.id:

if($(this).val() == "")
{
    alert('Field:' + this.id + ' is mandatory!');
}

解释一下:在事件处理程序中，this 是触发事件的 DOM 元素。正如您从 $ 的文档中看到的那样函数(请注意，jQuery 函数和 $ 函数是同一件事)，您可以使用 DOM 元素来构建 jQuery 选择。

请注意，您可以通过放弃 jQuery 构造函数并简单地使用 this.value 来进一步优化它。