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

는 당신이 볼 수 있듯이 나는 일 이전 자바 스크립트 코드에서 주석과 나는 JQuery와 하이라이트 기능을 사용하기 위해 노력하고있어. 그것은 작동하지 않고 누군가 입력이 있는지 궁금해하고있었습니다. Jquery가 제대로로드되는지 확인 했으므로 그렇게하지 않습니다. jquery-ui 라이브러리도 포함되어 있습니다.

Answer 1

id가 아닌 trfname이라는 요소를 찾고 있습니다. 누락 된 #을 추가하십시오.

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