2011-12-07 20 views
1

こんにちは私はそれがjquery.With私はsubmit1をクリックすると、table2だけを検証する必要がありますsubmit2をクリックすると、それはtable1を検証する必要があります。asp.netでjqueryのグループ化の概念

今、それは私がCSS classes as flags is a great way to emulateを使用して、個々のテーブルの検証

<html> 
<head> 
    <script type="text/javascript"> 

     $(document).ready(function() { 

      $("#form1").validate({ 

       rules: { 

        <%= txtUserName.UniqueID %>: {minlength: 5, required: true},  

        <%= txtPassword.UniqueID %>: {minlength: 5, required: true}, 

        <%= txtURL.UniqueID %>: {required: true}, 
       }, 

       messages: { 

        <%= txtUserName.UniqueID %>: { 

         required: "Plaese enter your name",  

         minlength: "User name must be atleaet of 5 characters" 
        }, 

        <%= txtPassword.UniqueID %>: { 

         required: "Plaese enter your password",  

         minlength: "Password must be atleaet of 5 characters"  
        }, 

        <%= txtURL.UniqueID %>:{ required: "Plaese enter Website URL",}, 
       } 

      }); 

     });  
    </script> 
</head>  
<body>  
    <form id="form1" runat="server"> 

     <table width="50%" cellpadding="2" cellspacing="4" style="border: solid 1px navy; background-color: #d5d5d5;"> 

---username-- 
--password-- 
--url---- 
submit1 
     </table> 


<table width="50%" cellpadding="2" cellspacing="4" style="border: solid 1px navy; background-color: #d5d5d5;"> 

---Firstname-- 
--Lastname-- 

-Address---- 
submit2 

     </table>  
    </form> 
</body> 

答えて

1

を必要とし、同時に両方を検証し、プレーン(X)HTMLマークアップでその概念。特にjQueryを使用する場合、CSSの「フラグ」は要素に任意の属性をタグ付けするための優れた方法です。後で簡単なDOMセレクタで簡単に見つけることができます。

フィールドセットはvalidationGroupクラスで、私たちは、このマークアップで終わる:Emulate ASP.NET validation groups with jQuery validation

参考リンク:
jQuery validation: Indicate that at least one element in a group is required

jQuery Validate - require at least one field in a group to be filled

<fieldset class="validationGroup"> 
    <legend>Returning customer? Login here</legend> 

    <!-- Username and Password labels and inputs here --> 
</fieldset> 

は完全な実装のためにこれをフォロー