Как лучше передать данные скрипту?

Question

[darksladen]

Всем привет! Задача такая: есть лэндинг, там 3 вида форм. Всего получается 5 видов полей (Имя, номер, email, цвет и размер товара). Я хочу передавать это все одному скрипту, чтобы он проверял, какие данные ему дали и дополнял массив, который потом должен отправляться по почте. Насколько правильно это будет? Также непонятно каким нормальным способом можно забрать данные из этой формы (на скрине). То есть пользователь отмечает, какой товар он хотел бы, а при нажатии на купить открывается модалка, как лучше будет схватить там эти данные?

Comments

[Dark Hole]

Не может быть такой задачи. Либо передать данные в функцию, либо получить данные скриптом

[darksladen]

а это, извините, не одно и тоже?

Answer 1

[ThunderCat]

Блин, люди, вы где учились все так бестолково объяснять что вам надо????

там 3 вида форм

- это 3 формы?

Всего получается 5 видов полей

в каждой по 5 полей?

Я хочу передавать это все одному скрипту, чтобы он проверял, какие данные ему дали и дополнял массив, который потом должен отправляться по почте.

Реализовать "корзину пользователя"?

Также непонятно каким нормальным способом можно забрать данные из этой формы (на скрине).

там же вроде 2 поля - один радиобатон и один хидден, выставляемый яваскриптом, или есть что-то еще, что не входит в понимание полей ввода?

Comments

[darksladen]

Так пользователь данные свои указывает в модальном окне. То есть отправлять он будет другую форму

[ThunderCat]

darksladen: мм, из этого все еще ничего не прояснилось, вы бы все же ответили на вопросы - было бы сильно легче вам помочь.

[ThunderCat]

darksladen: можно даже попроще - что есть на страничке и что нужно получить, без всяких 3 формы и 5 полей. Просто сценарий.

[darksladen]

хорошо, давайте попробуем =) 1. Да 3 формы. 2. Как раз не в каждой 5 полей, а разные поля просто. 3. Нет, не корзину. 4. Дело в том, что по сути на скрине не форма, а просто галочки. А уже после нажатия на кнопку выводится форма, в которой пользователь указывает имя и телефон. То есть как то цвет и размер, который закажет пользователь нужно передать в открывающуюся форму заказа.

[ThunderCat]

darksladen: у вас в голове пока еще немного каша, форма на странице определяется не набором визуальных галочек, а тэгом form, вставленным в хтмл, если форма будет открыта сразу после тэга body и закрываться перед /body, все поля на страничке будут относиться к 1 форме, независимо где они там у вас показываются, в модальном окне или рядом с логотипом. Главное в вашем случае будет позаботиться об уникальности полей формы.

[darksladen]

я не думаю что правильно будет всю страницу в form оберунть.. Ну допустим.. а как например сделать второй товар. К примеру я продавал бы android и ios. И тоже надо было бы выбрать характеристики.. Ваш бы способ уже не сработал бы

[darksladen]

к тому же пользователь может не будет товар заказывать а закажет звонок..

[darksladen]

вообще проще говоря мне надо дополнить форму другой формой..

[ThunderCat]

darksladen: при уникальности полей - способ сработает, вопрос в том что в идеале - у вас должна быть корзина товаров, то есть человек выбрал цвет / вкус /размер - нажал "в корзину" - сохранилось, еще айфон хочу черный - в корзину, все, хочу оплатить - форма заказа и из корзины все товары перечисляем.
Как вариант - храните все поля в кукисах, это несложный жаваскриптик, оттуда все переменные можно засетить в форму, можно даже одной переменной закодированной в жсон, на стороне сервера распарсить и обработать. Просто и легко реализуется.

[darksladen]

вы не поверите, но с самого начала я и хотел в куки.. Но потом подумал, что ради одного товара это слишком круто будет и думал другой способ есть какой то более нормальный, но по ходу куки все же как хранилище использовать неплохо будет. Спасибо вам за ответы )

Answer 2

[EVG]

Попробуйте обработать событие onsubmit формы ( https://learn.javascript.ru/forms-submit ). А далее в обработчике вызовите метод submit() формы, ко гда будете уверены, что нужно форму отправлять ( htmlbook.ru/html/attr/onsubmit ), или же воспользуйтесь ajax'ом.