HTML5 验证和 ASP.net Webforms答案

【问题标题】：HTML5 validation and ASP.net WebformsHTML5 验证和 ASP.net Webforms
【发布时间】：2012-02-16 23:41:04
【问题描述】：

我正在试验 HTML5 内置的验证属性，我遇到的第一个困难是验证属性在表单上下文中工作。 IE。如果你想验证两个独立的输入，那么你应该把它们放在两个不同的 <form> 标签中。

页面由包含全部内容的大表单组成的asp.net如何处理这种情况？

【问题讨论】：

我也有这个问题。我使用带有 angularjs 的网络表单。我在同一页面上有多个表单，同时具有独立验证。我还没有解决这个问题，但我看到了两个解决方案。 1.更改为 ASP.NET MVC 或.. 2 跳过 html 验证属性并使用 angularjs 中的指令创建我自己的属性。完成后我会回复你...

标签： asp.net html

【解决方案1】：

我觉得你有误会。

HTML 5 同时具有 form 和 input 验证属性。 form 属性仅允许您打开/关闭自动完成并完全关闭所有 input 元素的验证。

input 元素是执行实际工作的地方。请注意，您可以在form 级别打开自动完成功能，但对于特定的inputs 将其关闭。

顺便说一句，在 HTML5 下嵌套 <form> 标签仍然是一个禁忌。只是各种浏览器都支持它，以便继续与绝大多数编码错误的网站兼容。实际上，尽可能兼容这一概念是浏览器如此复杂的主要原因。

【讨论】：

“在 HTML5 下拥有多个
标签仍然是不行的”？你不是在谈论多个嵌套的表单标签吗？
@HeNrik：是的，这样表述会更好。

【解决方案2】：

警告：我知道，以下解决方案并不美观。但这是我能想到的唯一解决方案。：/

与服务器创建的表单标签并排创建一个表单标签。将客户端表单放在页面顶部。

缺点：您不能使用服务器标签。但是，嘿...谁现在一天？！ :)

<form runat="server" ...>
    ... Everything ....
</form>
<div class="positionedOnTopOfThePage">
    <form>
        ... Form with HTML5 validation ...
    </form>
    <form>
        ... Form with HTML5 validation ...
    </form>
</div>

【讨论】：