jQuery를 검증 데이터베이스 바인딩 드롭 다운리스트

Question

나는 보통 하나 jQuery를 그 작업 벌금을 사용하여 드롭 다운 목록의 유효성을 검사하고

:

<asp:DropDownList ID="ddlAreaTypeName" runat="server" Width="163px"> 
    <asp:ListItem>--SelectOne--</asp:ListItem> 
    <asp:ListItem>Yes</asp:ListItem> 
    <asp:ListItem>No</asp:ListItem> 
</asp:DropDownList> 

내 jQuery를 검증은 다음과 같습니다

$(document).ready(function() { 
    $('#myForm').submit(function(e) { // <<< This selector needs to point to your form. 
     if ($('#ddlAreaTypeName').val() == "") { 
      alert("Please select anyone"); 
      e.preventDefault(); 
      return false; 
     } 
    }); 
}); 

문제는 내가에서 드롭 다운을 결합하고이다 데이터베이스

<asp:DropDownList ID="ddlAreaTypeName" runat="server" Width="163px"> 
</asp:DropDownList> 

ddlAreaTypeName.DataSource = ddlValues; 
ddlAreaTypeName.DataValueField = "theName"; 
ddlAreaTypeName.DataTextField = "theName"; 
ddlAreaTypeName.DataBind(); 

그러나 jQuery 유효성 검사는이 유형의 드롭 다운을 작동하지 않습니다. 데이터베이스에서 바인딩하고 있습니다. 이 같은 코드

Answer 1

변화 : 이미 하나가 무슨 문제보다 선택보다 데이터베이스에서 드롭 다운을 바인딩 할 때이 코드가 작동하지 않는 경우

$(document).ready(function() { 

    $('#myForm').submit(function(e){ // <<< This selector needs to point to your form. 

     if ($('#<%= ddlAreaTypeName.ClientID %>').val() == "") { 

      alert("Please select anyone"); 

      e.preventDefault(); 

      return false; 

     } 
    }); 
}); 

가, 나 의견은