javascript - Jquery 验证插件 - 选择框问题

Question

我的页面上有 9 个选择框，其中包含许多企业子类别。我要求用户仅从 9 个选项中选择一个选项。为了让用户体验更好，我用 CSS 隐藏了所有选择框，并生成了一个动态的类别选择框。当从生成的下拉列表中选择一个类别时，会显示 CSS 隐藏的子类别选择框。

我的问题是，当我提交表单时，验证似乎不起作用。在使用 firebug 进行进一步检查时，看起来验证确实会触发，但仅限于第一个隐藏的选择框(吃和喝)。如果您查看示例页面，我已将所有内容放在一起，就像我希望的饮食类别一样:

http://www.clawg.co.uk/jstest/errortest.html

• 没有类别提交表单显示错误消息
• 无子类别提交表单显示错误消息
• 将类别或子类别更改为空白显示错误消息

如果您选择任何其他类别并将子类别留空，我会收到一条错误消息，该消息仍然附加到第一个项目，但不能被视为其设置为“显示:无”。奇怪的是，一旦您单击子类别选择框，错误消息就会将其自身附加到正确的项目，但我确实需要它才能提交。

这真的让我发疯。请帮忙。

Answer 1

(对于最终到达这里的其他人)我确实意识到这篇文章已经有一年多了。

Clawg 可能有和我一样的问题。我的验证仅针对页面上的第一个样式选择框运行。

要解决此问题，请向选择框添加名称属性。即

<select name="mySelect" id="my-select-box" class="required">