Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как проверить заполненность полей в пошаговой форме? (https://javascript.ru/forum/dom-window/75059-kak-proverit-zapolnennost-polejj-v-poshagovojj-forme.html)

Dilettante_Pro 30.08.2018 13:33

adash,
Даже если они не в форме, на работоспособности это никак не скажется.
В примере пост 4 вынес ссылки из формы.

adash 30.08.2018 14:03

Цитата:

Сообщение от Dilettante_Pro (Сообщение 493646)
Тогда надо строку
<fieldset id="fset_basic" class="">
поставить сразу после тега <form>, все остальные удалить.
Перед тегом </form> вставить </fieldset>

Соответственно изменил пост 4


Спасибо за отредактированное сообщение. Простите. Привязался.
Но теперь кнопка "опубликовать" стала отдельным шагом. А не появляется ниже под последним блоком

Dilettante_Pro 30.08.2018 15:09

Цитата:

Сообщение от adash
кнопка "опубликовать" стала отдельным шагом.

Чтобы она не была отдельным шагом, сделайте
if (current_step == steps.length-2) {
- как у вас и было раньше.
Но тогда проверка последнего обязательного поля будет выполняться несколько по-другому

adash 31.08.2018 08:41

Спасибо. Заработало. В принципе на последнем шаге по идее нет обязательных полей.

Дополнил форму select'ами

решил попробовать проверять выпадающие списки, но не сработало.
Как и не сработало на втором шаге, где поле выбора даты, город и телефон - тоже обязательные.

Прицепить к ним reqired не представляется возможным.
Со вчерашнего дня морочусь, чтобы не выклянчивать готового решения, но видно не судьба.

Может поможете за плату?

https://codepen.io/WA-A/pen/NLREKB

рони 31.08.2018 10:39

пошаговая форма
 
adash,
поля которые будут проверятся отмечены классом required (зелёные)

http://plnkr.co/edit/IN8cSDHapQPf3Oc2lfaY?p=preview

adash 31.08.2018 10:57

рони,
спасибо! А если нет возможности класс добавить .required? Можно ли перечислить классы, которые заданы по умолчанию и применить условия к ним?

adash 31.08.2018 12:08

Вроде бы получилось, но не могу на втором шаге сделать проверку в поле .cuty-input не равно 0

http://plnkr.co/edit/qO8z7dk5FwruwzO2uAYf?p=preview

рони 31.08.2018 12:24

Цитата:

Сообщение от adash
Можно ли перечислить классы,

var elems = $(".required, .city-id,  #parent_cat_id, #category_id", current_tab);

add не нужен.
Цитата:

Сообщение от adash
не могу на втором шаге сделать проверку в поле .cuty-input не равно 0

нет у вас такого поля, есть .city-id

adash 31.08.2018 12:26

сорри .city-id

adash 31.08.2018 12:28

Правильно понимаю, что можно это сделать через if ($('.city-id').val() == 0) elems = elems.add($('.city-id'))?


Часовой пояс GMT +3, время: 11:49.