Валидация radio в виде картинки

Iga

Гуру форума
Регистрация
12 Янв 2014
Сообщения
425
Реакции
77
Долго думал - сюда или в вёрстку, но часто иду от сложного и поэтому решил сюда.

Есть у меня квиз. Для просмотра ссылки Войди или Зарегистрируйся
Там, на пятом шаге идёт выбор - звонок или вацап.
Каждый элемент выглядит так:
HTML:
<label for="radio-1">
    <img src="/img/phonecall.svg">
</label>
<input type="radio" id="radio-1" name="howrezult" value="Звонок" required="required">
Форму обрабатывает jquery.validate.js v1.19.1.
В принципе, этот шаг нормально проходит валидацию, но как только я скрываю саму радио точку, прописывая dispaly: none; или hidden, то валидация перестаёт работать.

Что-то не так в jquery.validate? Оно не умеет в скрытые радио?
 

Iga

Гуру форума
Регистрация
12 Янв 2014
Сообщения
425
Реакции
77
В общем, я закостылил и на инпут поставил:
Код:
position: absolute;
left: -9999px;

Но всё равно хотелось бы разобраться почему такое происходит.
 

sempais8

Писатель
Регистрация
18 Окт 2015
Сообщения
8
Реакции
8
  • Нравится
Реакции: Iga

troop3r

Постоялец
Регистрация
14 Ноя 2009
Сообщения
141
Реакции
22
Можно еще opacity:0 добавить и тогда элемент станет прозрачным.
 
Сверху