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 highlight 功能。它不起作用，我想知道是否有人有一些意见。我已经检查了 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;
}