jquery - 如何使用 asp.net 验证隐藏 div 单击按钮

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.如何解决？

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;
 });