javascript - jquery 已加载，但未执行正确的 UI 功能

Question

我有一个验证脚本，我想检查名字字段是否留空。我最初只是更改了字段的背景颜色并且有效，但现在我想使用 jquery 淡入突出显示。这是到目前为止的代码。

var x = document.forms['getinfo']['fname'].value;
var validated = true;
if (x==null || x =="") { 
    //document.getElementById('trfname').style.background="#FF9999";
    document.getElementById('trfname').style.borderRadius = '7px';
    $("trfname").effect("highlight", {}, 3000);
    validated = false;
}

正如你所看到的，我注释掉了旧的有效的 JavaScript 代码，并且我正在尝试使用 jquery 突出显示功能。它不起作用，我想知道是否有人有一些意见。我检查过 Jquery 是否正确加载，确实如此，所以不是这样的。我还包含了 jquery-ui 库，但无济于事。

Answer 1

您正在寻找名为 trfname 的元素，而不是 id。添加缺少的#。

$("#trfname").effect("highlight", {}, 3000);