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);

Answer 2

var x = $('form[name="getinfo"] input[name="fname"]').val();
var validated = true;
if (x.length < 1) { 
    $('#trfname').css('border-radius', '7px').effect("highlight", {}, 3000);
    validated = false;
}