jQuery에서 텍스트 상자가 채워지는 경우 javascript 함수를 실행 하시겠습니까?

Question

텍스트 상자에 텍스트가 채워질 때 JavaScript에서 함수를 어떻게 수행합니까? 텍스트 상자는 사용자에게 표시되지 않습니다. USB 마그네틱 카드 스와 이퍼로 채워집니다.

의사 코드 :

<script language="javascript" type="text/javascript"> 
    function MyFunction() { 
     //execute this function when MyTxtBox is populated 
    } 
</script> 
<asp:TextBox id="MyTxtBox" runat="server" Visible="false" /> 

Answer 1

페이지가로드 될 때 이렇게하는 것처럼 보입니다. 당신이 있다면, 이것은 효과가있을 것입니다.

$(document).ready(function(){ 
    if($('#MyTxtBox').val().length > 0){ 
     MyFunction(); 
    } 
}); 

그것은 변화의 경우

$(document).ready(function(){ 
    $('#MyTxtBox').change(function(){ 
     if($(this).val().length > 0){ 
      MyFunction(); 
     } 
    }); 
}); 

Answer 2

이 MyTxtBox의 OnChange 이벤트에 연결합니다. ASP.NET에서 MyTxtBox ID를 다른 것으로 수정하기 때문에 JavaScript에서 적절한 ClientID를 생성하려면 약간의 ASP.NET을 수행해야합니다.

<asp:TextBox id="MyTxtBox" runat="server" Visible="false" /> 
<script language="javascript" type="text/javascript"> 
    function MyFunction() { 
     //execute this function when MyTxtBox is populated 
    } 

    document.getElementById("<%= MyTxtBox.ClientID %>").onChange = MyFunction; 
</script> 

Answer 3

참조 뭉크의 대답하지만 눈에 보이는 설정으로 텍스트 상자를 숨기기 위해 CSS를 사용 = 텍스트 상자 HTML 발생합니다 잘못된 렌더링되지 않는 때문에 사용할 수없는 클라이언트 쪽.

<style type="text/css"> 
.USBBox 
{ 
    position: absolute; 
    left: -999em; 
    overflow: hidden; 
} 
</style> 
<asp.textbox id="MyTextBox" runat="server" CSSClass="USBBox" /> 

그런 다음 텍스트 상자를 액세서하는 jQuery의 클래스 선택기를 사용하고 엉망으로 이름에 대해 걱정하지 않아도됩니다 : 당신은 당신이에 의해 더 나은 액세스 할 수 있지만 페이지의 요소가 많은 경우

%('.USBBox') 

ID는,이 경우 문제 맹 글링 어떤 이름을 방지하기 위해 클라이언트 ID를 사용

$('#<%= MyTextBox.ClientID %>') 

업데이트를

이 link에 제공된 CSS 솔루션을 사용하여 사용자로부터 텍스트 상자를 숨 깁니다. 설정 표시로 올바른 해결책으로 USBBox CSS 클래스를 업데이트했습니다. 원인으로 인해 JavaScript 문제가 발생하지 않았습니다.