Добавление товара в корзину, как проверить выбран ли размер (валидация)?

Question

[Антон Вебсайтовский]

Подскажите как дописать js по отправки товара в корзину, хочу добавить туда валидацию, если размер не выбран, выводилось сообщение, выберите размер. Ну и отправка не происходила, то что я сделал в примере.

Хочу выводить ошибку в классе ax-result.
Сам скрипт отправке по кнопке я сделал, на сайте работает, а вот валидацию в скрипт не смог внедрить, по идеи сначала должна валидация срабатывать, если размер выбран, то все ок и товар уходит.

Что касаемо: select, у меня же там заглушка, Выбрать размер без валуе, не будет ли считаться это выбором? если будет, то как сделать чтобы не считалось.

Пример:
https://jsfiddle.net/vlit/ag14ju8s/212/

Answer 1

[Nikolay Matyushkin]

Вот так

Здесь мы:

- запрещаем вообще нажимать если наш селект в состоянии "Выберите размер"
- делаем активной кнопку, если мы выбрали любой из размеров, посредством присваивания или удаления класса .disableButton

Если вы хотите другую имплементацию, то советую отталкиваться от состояния вашего select (так же в примере есть)

UPD: Ссылка на codepen

Comments

[Антон Вебсайтовский]

Так может кто-то не нажать и звонить спрашивать, мол почему не работает кнопка.
Так что не каждый поймет ), что надо выбрать размер.

[Nikolay Matyushkin]

Антон Вебсайтовский, тогда так

[Антон Вебсайтовский]

Nikolay Matyushkin, спасибо, да можно и так оставить или в класс передать ))), щас подумаю как лучше )

[Nikolay Matyushkin]

Антон Вебсайтовский, тут
попробуйте

[Антон Вебсайтовский]

Чтоб передать в див надпись, $('.ax-result').addClass('validerror').html('Выберите размер');

[Nikolay Matyushkin]

Антон Вебсайтовский, чтоб текст передать, нужно воспользоваться конструкцией text, типа:

Чтоб передать в див надпись, $('.ax-result').addClass('validerror').text('Выберите размер');

[Антон Вебсайтовский]

Nikolay Matyushkin, да я передал, выше же написал.

[Nikolay Matyushkin]

Антон Вебсайтовский, ясн, отметьте, что этот ответ вам помог, если помог

[Антон Вебсайтовский]

Nikolay Matyushkin, само собой