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

trfnameIDではなく、という名前の要素を探しています。不足しているを追加し#ます。

$("#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;
}