웹 페이지의 고유 컨트롤 유효성 확인

Question

텍스트 상자, 라디오 단추, 확인란, 드롭 다운과 같은 40 가지 이상한 컨트롤이있는 웹 페이지가 있습니다. 사용자가 컨트롤의 상태를 변경하고 페이지를 저장하지 않고 페이지로 이동하려는 경우 응용 프로그램에서 팝업을 표시해야하는 시나리오를 구현해야합니다.

나는 이것을 클라이언트 측에서 수행해야한다는 것을 알고 있지만, 여기서 문제는 40 홀수 제어 중 어느 것이 변경되었는지 확인하는 방법이다. 이 모든 필드는 필수 필드 일 필요는 없습니다.

Answer 1

페이지로드시 해당 값을 저장 한 다음 양식을 보낼 때 현재 값과 비교할 수 있습니다.

이 샘플 경고 변경 컨트롤의 식별자 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.inputToCheck').each(function() { 
      $(this).data("oldValue", $(this).val()) 
     }); 

     $('#btn').click(function() { 
      $('.inputToCheck').each(function() { 
       if ($(this).data("oldValue") != $(this).val()) 
        alert($(this).attr('id')); 
      }); 
     }); 
    }); 
</script> 

<input type="text" id="txt1" class="inputToCheck" value="10" /> 
<input type="text" id="txt2" class="inputToCheck" value="20" /> 
<input type="text" id="txt3" class="inputToCheck" value="30" /> 
<input type="button" id="btn" value="send" />