我正在处理这个非常长且复杂的表格,但我会尽量使我的示例保持基础。该表格有200多个字段,并具有许多条件变量。
例如,假设我的表单以一个问题开头,并且有两个单选按钮选项。问题将是这样的:
你有车吗?
回答是或否。
如果您回答“否”,它将显示100个问题(带有其自身的其他条件),可以说这100个问题中有50个是必需的。
如果您回答“是”,它将显示100个问题(带有其自身的其他条件),可以说这100个问题中有50个是必需的。
我有一些JavaScript,可以在提交表单时将所有隐藏字段标记为已禁用,以使隐藏的必需内容不会挂断表单。这样可以完美工作。但是我遇到的问题是,如果我回答是,并且我回答了50个必填字段中的40个,则由于隐藏字段,不会出现html5错误消息。
我正在尝试做的是,当未填写但必须填写字段时,除了弹出该错误消息外,它还会执行其他操作。就像将文字颜色更改为红色或其他内容一样。
使用默认的HTML5验证是否可行?
最佳答案
您可以使用CSS伪类来实现其中的一些功能,尽管根据您对问题的解释,我不确定这是否能回答您的整个问题。
对于必填且数据无效的字段(请注意;在这种情况下,默认情况下,空白字段的文本颜色为红色)::invalid:required { color: red; }
对于必填且具有有效数据的字段::valid:required { color: green; }