Question

我有两种登录和注册表单。我正在尝试使用HTML5验证。当我单击表单提交登录时，注册控件将被验证，反之亦然。我如何防止这种情况？我知道有一些称为验证组但我想这只适用于.NET提供的验证控件。

这是我的代码：

<h2><em> Registration </em></h2>

       <asp:TextBox ID="tb_uname" class="login_mem" runat="server"  placeholder="Name" required></asp:TextBox> <br />
       <asp:TextBox ID="tb_address" class="login_mem" runat="server" placeholder="Address" ></asp:TextBox> <br />
       <asp:TextBox ID="tb_email" class="login_mem"  runat="server"  placeholder="Email" ></asp:TextBox> <br />
       <asp:TextBox ID="tb_pass"  class="login_mem" TextMode="Password"  runat="server" placeholder="Password" ></asp:TextBox> <br />

       <asp:Button ID="btn_reg" runat="server" Text="Registration" CausesValidation="false"
             onclick="btn_reg_Click"/>
     </div>

      <div id="log"> 
       <h2><em>Login </em></h2>

       <asp:TextBox ID="tb_name" class="login_mem" runat="server" placeholder="username" required></asp:TextBox> <br />

       <asp:TextBox ID="tb_password" class="login_mem" runat="server" placeholder="password"></asp:TextBox><br />

        <asp:Button ID="btn_log" runat="server" Text="Login" onclick="btn_log_Click"/>
        <asp:Label ID="error" runat="server"></asp:Label>

     </div>

Answer 1

您可以在表单中添加 novalidate 标记，以防止他们在提交表单时进行验证。

<form action="demo_form.asp" novalidate>

或者您可以使用javascrit / query将其添加到一个或多个表单中：

$(document).ready(function() {
    $("form").attr('novalidate', 'novalidate');
});

使用HTML5验证在asp.net中单独验证同一页面的两种形式

1 个答案: