Question

给定一个包含2个div的表单，每个div包含一个带有“required”属性的asp文本框，是否可以将html5必需属性限制为仅包含在包含文本框的div中？因此，例如，当您单击第二个div中的按钮时，我是否可以在第一个div中的文本框中具有必需的属性？我应该补充一点，我正在尝试在内容页面中执行此操作。

<form>
    <div>
        <asp:textbox runat="server" id="TextBox1" required="required"></asp:textbox>
        <asp:button runat="server" id="Button1" text="Save"  />
        <asp:button runat="server" id="Button2" text="Cancel"  onclientclick="return false" />
    </div>
    <div>
        <asp:textbox runat="server" id="TextBox2" required="required"></asp:textbox>
        <asp:button runat="server" id="Button3" text="Save"  />
        <asp:button runat="server" id="Button4" text="Cancel"  onclientclick="return false" />
    </div>
</form>

Answer 1

标准html5验证没有内置选项，“如果此输入符合要求，则不需要此输入”。为了在单个表单中完成此操作，当当前文本输入符合您的要求时，您将需要编写非常少量的JavaScript以从其他文本输入中删除required属性，否则表单将无法通过客户端验证和其他文本输入将匹配:invalid伪类。

我建议切换到jquery插件，例如http://www.formvalidator.net，这不需要你编写任何代码。您可以使用上述插件中的data-validation-depends-on等html属性来完成此操作。

HTML 5必需属性 - 在div中约束验证？

1 个答案: