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