如何隱藏div點擊按鈕與asp.net驗證

Question

<div id="rgform" class="register_form"> 
      <label for="rg_form_name">Adınız</label><asp:TextBox ID="rg_form_name" CssClass="txtfld" runat="server"></asp:TextBox> 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="rg_form_name" ErrorMessage="Adınızı Giriniz" ForeColor="Red"></asp:RequiredFieldValidator> 
      <br /> 
      <label for="rg_form_surname">Soyadınız</label><asp:TextBox ID="rg_form_surname" CssClass="txtfld" runat="server"></asp:TextBox> 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="rg_form_surname" ErrorMessage="Soyadınızı Giriniz" ForeColor="Red"></asp:RequiredFieldValidator> 
      <br /> 
      <label for="rg_form_email">E-Posta</label><asp:TextBox ID="rg_form_email" CssClass="txtfld" runat="server"></asp:TextBox> 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="rg_form_email" ErrorMessage="E-Posta Giriniz" ForeColor="Red"></asp:RequiredFieldValidator> 
      <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="rg_form_email" ErrorMessage="Geçerli Bir E-Posta Adresi Giriniz" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator> 
      <br /> 
      <label for="rg_form_phone">Telefon</label><asp:TextBox ID="rg_form_phone" CssClass="txtfld" runat="server"></asp:TextBox> 
      <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="rg_form_phone" ErrorMessage="Telefon Giriniz" ForeColor="Red"></asp:RequiredFieldValidator> 
      <br /> 
      <label for="rg_form_address" style="vertical-align:top;">Adres</label><asp:TextBox ID="rg_form_address" CssClass="txtfld_multiline" Columns="50" Rows="5" runat="server" TextMode="MultiLine"></asp:TextBox><br /> 
      <asp:Button ID="Register_Button" CssClass="register_button" runat="server" Text="Kayıt Ol" OnClick="Register_Button_Click" /> 
     </div> 
     </div> 

     <script> 
      $('form').submit(function() { 
       $('#rgform').hide(); 
      }); 

     </script> 

當我點擊按鈕，驗證控件不起作用，表單提交所以，div hide.how解決？

Answer 1

嘗試返回false，如果形式是無效的：

$('form').submit(function() { 
    var isValid = validateForm(); 
    if(isValid){ 
    $('#rgform').hide(); 
    } 
    return isValid; 
}); 

或者，如果你想隱藏的形式，無論形式是否有效。

$('form').submit(function() { 
    var isValid = validateForm(); 
    $('#rgform').hide(); 
    return isValid; 
});