使用带有“必填”字段的OnServerClick

时间:2016-10-04 09:02:26

标签: asp.net webforms required

我正在构建一个asp.net Web应用程序。在登录页面中,用户名和密码文本框是必需,当用户尝试验证而不填写两个框时,我收到一条非常好的消息,如下所示:

enter image description here

但是当我向提交按钮添加 onserverclick 事件处理程序时,此功能不再有效 - 如果用户使用空文本框进行验证,则不会发生任何操作。这是登录表单的代码。

<fieldset>
  <%--Input--%>
    <div class="form-group">
      <label for="UsernameTextBox" class="col-lg-2 control-label text-right">Username</label>
      <div class="col-lg-10">
        <input type="text" class="form-control" placeholder="username" required id="UsernameTextBox" runat="server">
      </div>
    </div>

    <div class="form-group">
      <label for="PasswordTextBox" class="col-lg-2 control-label text-right">Password</label>
      <div class="col-lg-10">
        <input type="password" class="form-control" placeholder="password" required id="PasswordTextBox" runat="server">
      </div>
    </div>

    <%--Buttons--%>
      <div class="form-group">
        <div class="col-lg-10 col-lg-offset-2">
          <button type="submit" class="btn btn-primary btn-lg" onserverclick="Login_Click" id="LoginBtn" runat="server"><i class="glyphicon glyphicon-ok"></i>
          </button>
          <button type="reset" class="btn btn-default btn-lg"><i class="glyphicon glyphicon-repeat"></i>
          </button>
        </div>
      </div>
</fieldset>

1 个答案:

答案 0 :(得分:2)

我刚刚尝试过这个。当我在按钮服务器端功能上设置断点并单击时,我看到它达到了断点,如果我再次单击该按钮,则会显示所需的消息。

onserverclick状态的MSDN&#34;此事件导致从客户端到服务器并返回进行往返。它故意与客户端OnClick事件不同。&#34;

https://msdn.microsoft.com/en-us/library/system.web.ui.htmlcontrols.htmlbutton.onserverclick(v=vs.110).aspx

该按钮会设置一个onclick属性,该属性将执行回发并绕过浏览器所需的验证。

<button onclick="__doPostBack('ctl00$MainContent$btnSubmit','')" id="MainContent_btnSubmit"> Submit </button>

我发现如果您使用标准的asp:按钮,则会触发所需的验证。

<asp:Button runat="server" ID="btnSubmit" OnClick="btnSubmit_Click" />