Question

我使用HTML控件进行了简单的登录，但在服务器端运行它们以在C＃中使用它们。

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

当我点击它时，如果必填字段为空，它仍然会刷新，并且它不会显示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" />

Answer 1

请查看this小提琴，看看是否有帮助。对我来说它运作正常。

<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>

当必填字段为空时，C＃HTML5表单提交

1 个答案: