На моей странице 9 полей выбора, содержащих множество подкатегорий для предприятий. Я требую, чтобы пользователь выбрал опцию только из 1 выбора из 9. Чтобы улучшить взаимодействие с пользователем, я скрываю все поля выбора с помощью CSS и генерирую динамический блок выбора категорий. Когда в сгенерированном раскрывающемся списке выбрана категория, отображается поле выбора подкатегорий, которое скрыто CSS.
Моя проблема в том, что, когда я отправляю форму, проверка не работает. При дальнейшей проверке с помощью firebug похоже, что проверка запускается, но только для первой скрытой ячейки выбора (еда и питье). Если вы посмотрите на страницу примера, которую я собрал, все работает, как я надеюсь на категорию еды и питья:
http://www.clawg.co.uk/jstest/errortest.html
- Форма для отправки без категории показывает сообщение об ошибке
- Форма отправки без подкатегории показывает сообщение об ошибке
- Измените категорию или подкатегорию на пустое, покажите сообщение об ошибке
Если вы выберете любую другую категорию и оставите подкатегорию пустой, я получу сообщение об ошибке, которое все еще прикреплено к первому элементу, но его нельзя увидеть, так как оно настроено на отображение: нет. Как ни странно, сообщение об ошибке добавляется к нужному элементу, когда вы нажимаете на поле выбора подкатегории, однако мне действительно нужно, чтобы оно работало над отправкой.
Этот действительно сводит меня с ума. Пожалуйста, помогите.