什麼來代替動態ID的用於形式jQuery驗證使用？

Question

我有一個aspx頁面內容，這會繼承母版頁。

在母版頁我的主要內容佔位談到下一個<form>，

<form runat="server"> 
<div class="page"> 

    <div class="main"> 
     <asp:ContentPlaceHolder ID="MainContent" runat="server"/> 
    </div> 
    <div class="clear"> 
    </div> 
</div> 
<div class="footer"> 

</div> 
</form> 

下面是我的內容頁面代碼：

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 
<table border="0" cellpadding="3" cellspacing="3"> 
    <tr> 
     <td colspan="2" class="header" style="color: Black;"> 
      LOGIN USER 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      <asp:Label ID="lblUserName" runat="server" Text="UserName: "></asp:Label> 
     </td> 
     <td align="left"> 
      <asp:TextBox ID="txtUserName" runat="server"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td align="right"> 
      <asp:Label ID="lblPassword" runat="server" Text="Password: "></asp:Label> 
     </td> 
     <td align="left"> 
      <asp:TextBox ID="txtPassword" runat="server" TextMode="Password"></asp:TextBox> 
     </td> 
    </tr> 
    <tr> 
     <td align="center" colspan="2"> 
      <asp:Button ID="btnSubmit" runat="server" Text="Submit" />&nbsp; 
      <asp:Button ID="btnReset" runat="server" Text="Reset" /> 
     </td> 
    </tr> 
</table> 
<div align="center" class="alertmsg"> 
</div> 

雖然我打算使用jQuery驗證插件：

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
      $('#ctl01').validate({ 
      rules: { 
        <%=txtUserName.UniqueID %>: { 
         minlength: 2, 
         required: true 
        }, 
        <%=txtPassword.UniqueID %>: {       
         required: true, 
         email:true 
        } 
       }, 
      messages: { 
        <%=txtUserName.UniqueID %>:{ 
         required: "* Required Field *", 
         minlength: "* Please enter atleast 2 characters *" 
        }, 
        <%=txtPassword.UniqueID %>:{ 
         required: "* Required Field *", 
         email: "* Please enter valid email address *" 
        }  
       } 

     }); 
}); 

</script> 

的txtUserName動態ID可以通過<%=txtUserName.UniqueID %>被曝光，但爲什麼我需要給表單的id來$('#ctl01').validate？ 我可以使用任何其他標識代替#ctl01？

Answer 1

您可以使用：注意.validate()要求它從因爲你做驗證，以檢查正確的價值觀，他們被髮送到服務器，即前$('<%=Form.UniqueID %>').validate({和$('<%=Form.UniqueID %>').validate({

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() { 
      $('#<%=Form.UniqueID %>').validate({ 
      rules: { 
        <%=txtUserName.UniqueID %>: { 
         minlength: 2, 
         required: true 
        }, 
        <%=txtPassword.UniqueID %>: {       
         required: true, 
         email:true 
        } 
       }, 
      messages: { 
        <%=txtUserName.UniqueID %>:{ 
         required: "* Required Field *", 
         minlength: "* Please enter atleast 2 characters *" 
        }, 
        <%=txtPassword.UniqueID %>:{ 
         required: "* Required Field *", 
         email: "* Please enter valid email address *" 
        }  
       } 

     }); 
}); 

</script> 

Answer 2

之間的不同，當用戶提交形式，只有形式可以提交，只有通過他們，你可以阻止提交開始錯誤的價值觀..

更清晰：

ÿ您可以參考http://docs.jquery.com/Plugins/Validation/validate以獲得清晰的描述。

和如果Control.UniqueID不運作的，你可以使用Control.ClientID ...