Javascript C#HTML5表单在必填字段为空时提交

我使用HTML控件制作了一个简单的登录表单，但在服务器端运行它们以在C#中使用它们

登录

当我点击它时，如果必填字段为空，它仍然会刷新，并且不会显示HTML5验证

<label for="txtUsername" class="sr-only" runat="server">Username</label>
<input type="text" id="txtUsername" class="form-control" placeholder="Username" runat="server" required autofocus />
<label for="txtPassword" class="sr-only" runat="server">Password</label>
<input type="password" id="txtPassword" class="form-control" placeholder="Password" runat="server" required />

用户名
密码

它工作正常，除非字段为空。它会进行一点刷新，而不是显示HTML5警告字段为空

编辑
我把按钮改为“输入”，设法解决了这个问题

<input id="btnSignIn" class="btn btn-lg btn-info btn-block" type="submit" runat="server" onServerClick="btnSignIn_ServerClick" value="Sign In" />

请看小提琴，看看它是否有用。对我来说，它工作正常

<form>
<label for="txtUsername" class="sr-only" runat="server">Username</label>
        <input type="text" id="txtUsername" class="form-control" placeholder="Username" runat="server" required autofocus />
        <label for="txtPassword" class="sr-only" runat="server">Password</label>
        <input type="password" id="txtPassword" class="form-control" placeholder="Password" runat="server" required />
<input type="submit" />
</form>

用户名
密码

您是否在支持HTML5的浏览器中运行它？是的。事实上，在页面刷新之前，通知才刚刚出现。你能看看我在下面贴的小提琴吗。看看这是否对你有利。你是说asp.net而不是asp classic吗？是的。抱歉，我标记得太快了。我想这是因为“onServerClick”，但我想确认一下。fiddle可以工作。一定是由于服务器上的其他调用，可能是成功后执行重定向的ajax调用。事实上，表单是HTML5必需属性的正确用法。我修复了它。我把它从按钮改为输入，它工作了。谢谢你的帮助！

登录也可以。
<form>
<label for="txtUsername" class="sr-only" runat="server">Username</label>
        <input type="text" id="txtUsername" class="form-control" placeholder="Username" runat="server" required autofocus />
        <label for="txtPassword" class="sr-only" runat="server">Password</label>
        <input type="password" id="txtPassword" class="form-control" placeholder="Password" runat="server" required />
<input type="submit" />
</form>