Как автоматично да предавате формови данни в друга форма

March 28, 2022

Ние знаем как да попълним предварително Jotform форма чрез URL параметри, както е споменато в това ръководство. Сега как да попълним предварително една форма от данните на друга форма? Ето ръководство за това как да пренасочите потребителя към друга форма и да попълните втората форма с предишните формови данни. Можете да следвате стъпките по-долу.

Стъпка 1 – Настройте две форми, а именно „Форма 1“ и „Форма 2“.

Форма 1: https://form.jotform.com/53541423066955

Форма 2: https://form.jotform.com/53542179889977

Стъпка 2 – Двете форми са идентични и ние показваме различни полета за въвеждане, това е, за да покажем как всяко поле може да бъде попълнено.

Стъпка 3 – Идеята е, че искаме данните от форма 1 да бъдат предварително попълнени във форма 2 след щракване върху бутона за изпращане.

Ще добавим предварително попълнения URL адрес на форма 2 в имейл известие и на „Благодаря“ страницата, за да видите как работи. Можете да опитате да попълните моята форма 1 и да видите как изглежда.

Ето финалния предварително попълнен URL адрес на форма 2, който имам:

https://form.jotform.com/53542179889977?fullName1 [first]={fullName: first}&fullName1 [last]={fullName: last}&email2={email}&textBox8={textBox}&textArea7={textArea}&dropDown4={ dropDown}&<radioButton5={radioButton}&checkBox6={checkBox: 0},{checkBox: 1},{checkBox: 2}

Ето как е структуриран URL адреса на форма 2:

Синьо маркиране: Директен линк на форма 2

Пурпурно маркиране:

“?” – Ще започнем препопулацията, като добавим първо този символ

“=” – За да присвоите стойност на формово поле

“&” – За да добавите повече от едно формово поле, което да бъде предварително попълнено

Жълто маркиране: Това е името на полето от форма 2. Можете да получите името на полето, като следвате тези ръководства:

а.) Стъпка 3 на този линк за Предварително попълнени полета към вашия Jotform чрез URL параметри

б.) Как да намерите идентификатори и имена на полета

Зелено маркиране: Това е името на полето от форма 1, но е обвито в {}.

Стъпка 4 – За да бъдем по-конкретни, ето как работи всяка част от URL адреса:

За формови полета с единично въвеждане или едно текстово поле, да речем, имейл поле, текстово поле, текстова област, радио бутон, падащо поле, ето как са структурирани:

Имейл поле:

email2 = {email}

Това значи, че искате полето за имейл във форма 2 (отляво) да се попълни, като се използва въведения имейл от форма 1 (отдясно).

Поле с радио бутон:

radioButton5 = {radioButton}

Това значи, че искате да изберете радио бутона във форма 2 (отляво), да се попълни, като използвате избрания радио бутон във форма 1 (отдясно). Забелязано е, че след знака “=”, имената на полетата са обвити в {}, това означава, че получаваме стойността на полето от форма 1.

Това е доста различно за формови полета с множество текстови полета или опции, напр. поле за пълно име и за квадратчета за отметки.

Полето за пълно име има две текстови полета, текстовото поле 1 е за първото име, а текстово поле 2 е за фамилното име. Ако проверите името на полето в HTML-а, ще видите как е структуриран атрибута на името. В нашия предварително попълнен URL на форма 2, ето как изглежда при предварително се попълва първото и фамилното име:

Първо име:

fullName1 [first] = {fullName: first}

Фамилия:

fullName1 [last] = {fullName: last}

Забележете, че дясната част на параметъра използва “:” (двоеточие), това е, за да посочим от кое текстово поле искаме да получим стойността от полето за пълно име, за първо име използваме “:first”, за фамилия използваме име “:last”.

За квадратчетата за отметки, ето как получаваме стойността от форма 1:

checkBox6={checkBox:0},{checkBox:1},{checkBox:2}

Дясната страна се показва отново с използването на „:“ (двоеточие), но ние ще използваме цифри след него, това са индекси за идентифициране на квадратчетата за отметки. Имам 3 квадратчета за отметки във формата, което означава, че трябва да имам индекси “0”, “1” и “2”. Можете да намерите това в прозореца “Свойства” на полето за отметки.

Отделете всеки от тях с помощта на запетая. Ето как да ги намерите:

1. Щракнете върху иконата КОЛЕЛО, за да отворите съветника за свойства

2. Отидете на раздела РАЗШИРЕНИ

3. Превъртете надолу до дъното

4. Щракнете върху ДЕТАЙЛИ ЗА ПОЛЕ

Тук можете да видите уникалното име на полето и идентификатори на полета:

Свързано ръководство:Как да намерите идентификатори и имена на полета

Стъпка 5 – Сега ще добавя нашия персонализиран предварително попълненен URL на форма 2 в нашия шаблон на имейл (или във вашето имейл известие или имейл за автоматичен отговор), за да имате копие от него в имейлите и на „Благодаря“ страницата, така че потребителя да бъде пренасочен.

Ето скрийншот на мястото, където го добавям към моя автоматичен отговор.

В прозореца за вмъкване/редактиране на линк поставете предварително попълнения URL адрес тук:

Също така ще го добавя в моя „Благодаря“ URL адрес, за да бъде пренасочван автоматично потребителя към форма 2.

1. Щракнете НАСТРОЙКИ в горната част

2. “БЛАГОДАРЯ” СТРАНИЦАТА вляво

3. Изберете ПРЕНАСОЧВАНЕ КЪМ ВЪНШЕН ЛИНК

4. След това поставете

ПРЕДВАРИТЕЛНИЯ ПОПЪЛНЕНИЯ URL адрес Свързано ръководство:Пренасочване на потребители към различна страница

Вече имате автоматизиран начин за предаване на данните от форма 1 във форма 2 директно, с помощта на нейния URL адрес, също го имате запазен във вашето имейл известие/автоматичен отговор.

За въпроси, не се колебайте да ни оставите коментар по-долу.

Беше ли това ръководство полезно?
Свържете се с екипа за поддръжка:

Нашият екип за поддръжка на клиенти е на разположение денонощно и средното ни време за реакция е между един и два часа.
С нашия екип можете да се свържете чрез:

Форум за поддръжка: https://www.jotform.com/answers/

Свържете се с поддръжката на Jotform: https://www.jotform.com/contact/

Изпратете коментар:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Коментар:

Podo CommentБъдете първите, които коментират.