关于验证错误的打开手风琴面板（Asp.net）

Question

当我点击提交表单验证正确。 它显示在第一个选项卡中输入的所有信息，如果您手动单击第二个或第三个选项卡，它会在第二个和第三个选项卡的输入框旁边显示验证错误消息。

我希望它它会激活带有第一个验证错误实例的选项卡，以便用户知道他们错过了什么。即在上面的例子中，当他们点击提交时第二个标签打开。

我想打开哪个选项卡或选项卡给出错误，当文本框没有验证。

我使用jquery-ui-1.8.16.custom.min.js。 我已经尝试添加以下内容：在标签的变化

<script type="text/javascript"> 
 
       $(function() { 
 
        $("#accordion").accordion({ autoHeight: false }); 
 
       }); 
 

 
      
 
      </script> 
 
      <div id="accordion"> 
 
       <h3> 
 
        <a href="#">Kişisel Bilgiler</a></h3> 
 
       <div id="dvKisisel"> 
 
        <div class="radsatir"> 
 
         <div class="radw360"> 
 
          <div class="radw120 radleft"> 
 
           Adınız</div> 
 
          <div class="radw200 radright"> 
 
           <asp:TextBox ID="txtAd" Width="180" runat="server"></asp:TextBox> 
 
           <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtAd" ErrorMessage="&nbsp;&nbsp;Adınızı Giriniz!" SetFocusOnError="True" Display="Dynamic" ValidationGroup="odeme"></asp:RequiredFieldValidator> 
 
          </div> 
 
          
 
         </div> 
 
        </div> 
 
        <div class="radsatir"> 
 
         <div class="radw360"> 
 
          <div class="radw120 radleft"> 
 
           Soyadınız</div> 
 
          <div class="radw200 radright"> 
 
           <asp:TextBox ID="txtSoyad" Width="180" runat="server"></asp:TextBox> 
 
           <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtSoyad" ErrorMessage="&amp;nbsp;&amp;nbsp;Soyadınızı Giriniz!" SetFocusOnError="True" Display="Dynamic" ValidationGroup="odeme"></asp:RequiredFieldValidator> 
 
          </div> 
 
         </div> 
 
        </div> 
 
        <div class="radsatir"> 
 
         <div class="radw360"> 
 
          <div class="radw120 radleft"> 
 
           Email</div> 
 
          <div class="radw200 radright"> 
 
           <asp:TextBox ID="txtEmail" Width="180" runat="server"></asp:TextBox> 
 
           <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtEmail" ErrorMessage="&amp;nbsp;&amp;nbsp;Email Adresinizi Giriniz!" SetFocusOnError="True" Display="Dynamic" ValidationGroup="odeme"></asp:RequiredFieldValidator> 
 
           <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail" ErrorMessage="&amp;nbsp;&amp;nbsp;Geçerli Mail Giriniz!" SetFocusOnError="True" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" Display="Dynamic" ValidationGroup="odeme"></asp:RegularExpressionValidator> 
 
           <asp:CustomValidator ID="cvEmail" runat="server" ControlToValidate="txtEmail" 
 
         ErrorMessage="Bu mail adresi zaten kayıtlı!" onservervalidate="cvEmail_ServerValidate" 
 
         ValidationGroup="odeme" Display="Dynamic"></asp:CustomValidator> 
 
          </div> 
 
         </div> 
 
        </div> 
 
        <div class="radsatir"> 
 
         <div class="radw360"> 
 
          <div class="radw120 radleft"> 
 
           Cep Telefonu</div> 
 
          <div class="radw200 radright"> 
 
           <asp:TextBox ID="txtCepTelefonu" Width="180" runat="server"></asp:TextBox> 
 
           <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtCepTelefonu" ErrorMessage="&amp;nbsp;&amp;nbsp;Cep Telefonunuzu Giriniz!" SetFocusOnError="True" Display="Dynamic" ValidationGroup="odeme"></asp:RequiredFieldValidator> 
 
           <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtCepTelefonu" ErrorMessage="&amp;nbsp;&amp;nbsp;Geçerli Cep Numarası Giriniz!&amp;nbsp;&amp;nbsp;(Örn:555-555-55-55)" ValidationExpression="^\d{3}-\d{3}-\d{2}-\d{2}$" Display="Dynamic" ValidationGroup="odeme"></asp:RegularExpressionValidator> 
 
          </div> 
 
         </div> 
 
        </div> 
 
       </div> 
 
       <h3> 
 
        <a href="#">Fatura Bilgileri</a></h3> 
 
       <div> 
 
        <div class="radsatir"> 
 
         <div class="radw360"> 
 
          <div class="radw120 radleft"> 
 
           Fatura Adı</div> 
 
          <div class="radw200 radright"> 
 
           <asp:TextBox ID="txtFaturaAdi" Width="180" runat="server"></asp:TextBox> 
 
           <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ControlToValidate="txtFaturaAdi" ErrorMessage="&amp;nbsp;&amp;nbsp;Fatura Adını Yazınız!" SetFocusOnError="True" Display="Dynamic" ValidationGroup="odeme"></asp:RequiredFieldValidator> 
 
          </div> 
 
         </div> 
 
        </div> 
 
        <div class="radsatir"> 
 
         <div class="radw360"> 
 
          <div class="radw120 radleft"> 
 
           Fatura TC Kimlik No/Vergi No</div> 
 
          <div class="radw200 radright"> 
 
           <asp:TextBox ID="txtFaturaVergiNo" Width="180" runat="server"></asp:TextBox> 
 
           <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtFaturaVergiNo" ErrorMessage="&amp;nbsp;&amp;nbsp;TC Kimlik No/Vergi No Giriniz!" SetFocusOnError="True" Display="Dynamic" ValidationGroup="odeme"></asp:RequiredFieldValidator> 
 
           <asp:RegularExpressionValidator ID="RegularExpressionValidator3" runat="server" ControlToValidate="txtFaturaVergiNo" ErrorMessage="&amp;nbsp;&amp;nbsp;Hatalı Giriş!" ValidationExpression="([0-9])+" Display="Dynamic" ValidationGroup="odeme"></asp:RegularExpressionValidator> 
 
          </div> 
 
         </div> 
 
        </div> 
 
<div class="radsatir"> 
 
      <asp:Button CssClass="greenbutton" ID="btnSiparisTamamla" runat="server" Text="Siparişi Tamamla" 
 
       OnClick="btnSiparisTamamla_Click" ValidationGroup="odeme" /> 
 
     </div>

Answer 1

呼叫常见的验证功能，参见下编码模板：

<div id="tab1"> 
    Tab 1 
</div> 
<div id="tab2"> 
    Tab 2 
</div> 
<div id="tab3"> 
    Tab 3 
</div> 

function validation(){ 
//validation code here return true if everything is good and false if some thing is wrong 
} 

$("#tab1").click(function(){ 
    if(validation()){ 
     return true; 
    }else{ 
     return false; 
    } 
}); 
$("#tab2").click(function(){ 
    if(validation()){ 
     return true; 
    }else{ 
     return false; 
    } 
}); 
$("#tab3").click(function(){ 
    if(validation()){ 
     return true; 
    }else{ 
     return false; 
    } 
});