我正在处理这个非常长且复杂的表格,但我会尽量使我的示例保持基础。该表格有200多个字段,并具有许多条件变量。

例如,假设我的表单以一个问题开头,并且有两个单选按钮选项。问题将是这样的:

你有车吗?
回答是或否。

如果您回答“否”,它将显示100个问题(带有其自身的其他条件),可以说这100个问题中有50个是必需的。

如果您回答“是”,它将显示100个问题(带有其自身的其他条件),可以说这100个问题中有50个是必需的。

我有一些JavaScript,可以在提交表单时将所有隐藏字段标记为已禁用,以使隐藏的必需内容不会挂断表单。这样可以完美工作。但是我遇到的问题是,如果我回答是,并且我回答了50个必填字段中的40个,则由于隐藏字段,不会出现html5错误消息。

我正在尝试做的是,当未填写但必须填写字段时,除了弹出该错误消息外,它还会执行其他操作。就像将文字颜色更改为红色或其他内容一样。

使用默认的HTML5验证是否可行?

最佳答案

您可以使用CSS伪类来实现其中的一些功能,尽管根据您对问题的解释,我不确定这是否能回答您的整个问题。

对于必填且数据无效的字段(请注意;在这种情况下,默认情况下,空白字段的文本颜色为红色):

:invalid:required { color: red; }

对于必填且具有有效数据的字段:

:valid:required { color: green; }

10-05 20:47
查看更多