Asp.net 유효성 검사를 사용하는 JQuery

그리드에 나열된 다른 사람들과 함께 asp.net 그리드를 표시하는 양식이 있습니다. 사용자가 페이지에 asp.net 버튼을 클릭하여, 그리드에 새로운 사용자를 추가 할 수 있습니다 :이 버튼을 클릭Asp.net 유효성 검사를 사용하는 JQuery

<div id="content_button"> 
    <asp:Button ID="btnAddperson" runat="server" 
CssClass="content_button" 
     PostBackUrl="addperson.aspx" Text="Add 
Person" 
     ToolTip="addPerson.aspx" /> 
</div>

이, JQuery와 대화 상자가 열립니다

 $(document).ready(function() { 
    $('#content_button #ctl00_MainContent_btnAddPerson').each(function() { 
      var $link = $(this); 
      var $dialog = $('<div></div>') 
     .load($link.attr('title') + ' #content_dialogBox') 
     .dialog({ 
      autoOpen: false, 
      title: $link.attr('value'), 
      width: 500, 
      beforeclose: function() { window.location = "ManagePeople.aspx" } 
     }); 
      $link.click(function() { 
       $dialog.dialog('open'); 

       return false; 
      }); 
     }); 
    });

이 모든 것이 정상적으로 작동합니다. 그러나 대화 상자 양식에는 유효성을 검사해야하는 필드가 있습니다. 처음에는 asp.net 필수 필드 유효성 검사를 사용했습니다. 웬일인지, 그것은 작동하지 않았다. 따라서 코드 숨김을 검증하고 있습니다. 유효성 검사는 작동하지만 (필수 필드 컨트롤에서와 마찬가지로) JQuery 대화 상자 대신 폼이 자체 창에 표시됩니다. 누군가 내가 뭘 잘못하고 있는지 말해 줄 수 있습니까?

참고 : ManagePeople.aspx는 표가 포함 된 페이지입니다. addperson 단추를 클릭하면 AddPerson.aspx에서 #content_dialogBox의 내용이 표시됩니다.

출처

2010-06-30 Kevin Roberts