JQuery 함수는 브라우저 새로 고침에서만 작동합니다.

Question

JQuery 함수는 웹 페이지를 새로 고칠 때만 작동하며 모든 브라우저에서이 방법으로 작동합니다. 내가 뭘 하려는지 특정 div 컨테이너에 모두 안에있는 텍스트 필드의 모든 그들 안에 데이터를 가지고, 나는 컨테이너에 체크 표시 이미지를 삽입하고 싶습니다. 하지만 현재이 이미지는 텍스트 필드의 모든 데이터를 입력하고 브라우저를 새로 고친 후에 만 ​​볼 수 있습니다.

.rightbilling은 텍스트 필드가 평가하려고하는 div 컨테이너의 클래스이고 '# step1'은 .rightbilling을 포함하는 필드 세트입니다.

나는 이것을 몇 시간 동안 풀려고 노력해왔다. 도움은 크게 감사하겠습니다. 더 많은 정보가 필요하면 알려주세요.

$(document.body).ready(function() { 
     var all_complete = true;  
    $(".rightbilling").find("input:text").each(function(){ 


     if ($(this).val() == '') { 
      all_complete = false; 
      return true; 
     }; 


    if (all_complete) { 
     $("#step_1") 
     .animate({ 
      paddingBottom: "120px" 
     }) 
     .css({ 
      "background-image": "url(images/check.png)", 
      "background-position": "bottom center", 
      "background-repeat": "no-repeat" 
     }); 

     $("#step_2").css({ 
      opacity: 1.0 
     }); 
     $("#step_2 legend").css({ 
      opacity: 1.0 // For dumb Internet Explorer 
     }); 
    }; 
}); 

Answer 1

$(document.body).ready(
    function() { 
     var validation = function() { 
      var all_complete = true; 
      $(".rightbilling").find("input:text").each(
       function() { 
        if ($(this).val() == '') { 
         all_complete = false; 
         return true; 
        } 
        if (all_complete) { 
         $("#step_1").animate({ 
          paddingBottom: "120px" 
         }).css({ 
          "background-image": "url(images/check.png)", 
          "background-position": "bottom center", 
          "background-repeat": "no-repeat" 
         }); 
         $("#step_2").css({ 
          opacity: 1.0 
         }); 
         $("#step_2 legend").css({ 
          opacity: 1.0 // For dumb Internet Explorer 
         }); 
        } 
      }); 
     } 
     validation(); //call it when the page is loaded 
     $(".rightbilling").find("input:text").on("change",validation); //call it when input changes 
    } 
); 

Answer 2

document.ready 함수를 사용 중이므로 페이지가로드 될 때만 함수가 호출됩니다. 입력 필드가 변경되면 함수를 호출하기 위해 onChange 리스너를 첨부하는 방법을 살펴보아야합니다.