2010-07-03 126 views
1

我在我的页面上有9个选择框,其中包含很多商家的子类别。我要求用户只从9个选择中的1个中选择一个选项。为了让用户体验更好,我用CSS隐藏了所有的选择框并生成一个动态的类别选择框。当从生成的下拉列表中选择一个类别时,将显示CSS隐藏的子类别选择框。Jquery验证插件 - 选择框问题

我的问题是,当我提交表单验证似乎不起作用。在进一步检查萤火虫时,验证确实会触发,但仅限于第一个隐藏的选择框(吃喝)。如果你看一个例子页面我已经把一切都按我希望的类别大吃大喝:

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

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

如果您选择任何其他类别,然后离开子类别空白我收到一条错误消息,该消息仍然附加到第一个项目,但不能被看作是要显示的设置:无。奇怪的是,一旦你点击子类别选择框,错误信息会自行附加到正确的项目,但是我真的需要它来处理提交。

这一个真的让我疯狂。请帮忙。

回答

1

(对于任何最终在这里的人)我意识到这篇文章已经过了一年多了。

Clawg可能会遇到同样的问题。我的验证只运行在页面上的第一个样式的选择框中。

要解决这个问题,请在您的选择框中添加一个名称属性。 即

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