Форма подписки Rapidmail перенаправляет после подписки электронной почты - MailChimp -- javascript поле с участием php поле с участием jquery поле с участием forms поле с участием mailchimp пол Связанный проблема

Rapidmail Subscription Form Redirect After Email Subscription - Mailchimp


1
vote

проблема

русский

Я создаю веб-страницу, которая включает в себя очень простую форму подписки, в основном собирая адреса электронной почты, заинтересованные в продукте. Для этой формы я использую Rapidmail , который предлагает услугу, аналогичную MailChimp. Моя проблема заключается в том, что после ввода адреса электронной почты пользователь перенаправляется на новую страницу, в котором отображается успех (или ошибка, если адрес электронной почты был неисправен) сообщение. То, что я хочу, для этих сообщений отображаются на той же странице, что и в форме, потому что страница меня перенаправляются, хорошо, ну ужасно. Rapidmail также предлагает альтернативу использовать IFRAME, который достаточно интересно отображает сообщения успеха / ошибок на той же странице, что и форма; К сожалению, одинаково уродливо, и его настройки очень ограничены и не соответствуют дизайну моей страницы.

Я надеялся, что решение, как Это Будьте возможным, Thopugh я не знаю, если Rapidmail предоставляет «альтернативную конечную точку», которая позволяет мне «работать с JSON», как в ссылке.

Это то, что моя форма выглядит как (довольно стандартный)

 <Код> <form action="https://tools.emailsys.net/121/1550/18cxn42/subscribe/form.html" method="post">      <div class="form">          <div class="form_border">              <ul>                  <li>                      <label class="field_label required" for="email">E-Mail: </label>                      <input type="text" class="form_field" name="email" id="email" value="" />                  </li>                  <li id="firstname_form">                      <label id="firstname_label" class="field_label" for="firstname">Vorname: </label>                      <input type="text" class="form_field" name="firstname" id="firstname" value="" />                  </li>                  <li class="form_button">                      <input type="submit" class="form_button_submit" value="Anmelden" />                  </li>              </ul>          </div>      </div>  </form>  
Английский оригинал

I am creating a web page which includes a very simple subscription form, basically collecting the email addresses of those interested in the product. For this form I am using rapidmail, which offers a service similar to mailchimp. My issue is that after the email address has been entered, the user is being redirected to a new page where a success (or error, in case the email address was faulty) message is displayed. What I want is for these messages to be displayed on the same page as the form, because the page I am being redirected to is, well, ugly. Rapidmail also offers the alternative to use an iframe, which interestingly enough displays success/error messages on the same page as the form; it is unfortunately equally ugly and its customizing options are very limited and do not fit the design of my page.

I was hoping that a solution like this would be possible, thopugh I do not know if rapidmail provides an "alternative endpoint" that allows me to "work with JSON" as in the link.

this is what my form looks like (pretty standard)

<form action="https://tools.emailsys.net/121/1550/18cxn42/subscribe/form.html" method="post">      <div class="form">          <div class="form_border">              <ul>                  <li>                      <label class="field_label required" for="email">E-Mail: </label>                      <input type="text" class="form_field" name="email" id="email" value="" />                  </li>                  <li id="firstname_form">                      <label id="firstname_label" class="field_label" for="firstname">Vorname: </label>                      <input type="text" class="form_field" name="firstname" id="firstname" value="" />                  </li>                  <li class="form_button">                      <input type="submit" class="form_button_submit" value="Anmelden" />                  </li>              </ul>          </div>      </div>  </form>
</div
              

Список ответов

0
 
vote

<Сильные> js:

 <код> /* * Get errors of RapidMail forms  */ var rapidmail_form = document.getElementById('rapidmail_form'); if (typeof(rapidmail_form) != 'undefined' && rapidmail_form != null && rapidmail_form.length)// if we have a RapidMail form {     function getUrlVars() {         var vars = {};         var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {             vars[key] = value;         });         return vars;     }      // email     var field_email = getUrlVars()["field_email"];     if (field_email.length > 0) {         document.getElementById("email").value = field_email;// get previous email     }     // lastname     var field_lastname = getUrlVars()["field_lastname"];     if (field_lastname.length > 0) {         document.getElementById("lastname").value = field_lastname;// get previous lastname     }     // Error message     var error_email = getUrlVars()["error_email"];     var error_lastname = getUrlVars()["error_lastname"];      // Gather all errors into one.     var error_text = '';     // error_email     if (error_email != 'undefined' && error_email != null && error_email.length > 0) {         error_email = error_email.replace(/+/g, ' ');         error_text += '<p>' + error_email + '</p>';     }     // error_lastname     if (error_lastname != 'undefined' && error_lastname != null && error_lastname.length > 0) {         error_lastname = error_lastname.replace(/+/g, ' ');         error_text += '<p>' + error_lastname + '</p>';     }      // Input gathered text to h5     if (document.getElementById("rapidmail_form_error") != 'undefined' && document.getElementById("rapidmail_form_error") != null) {         document.getElementById("rapidmail_form_error").innerHTML = error_text;// show Error     } }   

<Сильные> HTML:

 <код> <div id="rapidmail_form_error"></div> <form action="https://tools.emailsys.net/121/1550/18cxn42/subscribe/form.html" method="post" id="rapidmail_form">   

Так что он смотрит на URL Rapidmail генерирует и анализирует его. Наконец он собирает все ошибки и вставить его в <код> rapidmail_form_error ID-элемент.

Просто поставьте текущий URL-адрес:

 <код> <input type="hidden" name="url_error" value="THE_URL_OF_YOUR_FORM" />   
 

JS:

/* * Get errors of RapidMail forms  */ var rapidmail_form = document.getElementById('rapidmail_form'); if (typeof(rapidmail_form) != 'undefined' && rapidmail_form != null && rapidmail_form.length)// if we have a RapidMail form {     function getUrlVars() {         var vars = {};         var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {             vars[key] = value;         });         return vars;     }      // email     var field_email = getUrlVars()["field_email"];     if (field_email.length > 0) {         document.getElementById("email").value = field_email;// get previous email     }     // lastname     var field_lastname = getUrlVars()["field_lastname"];     if (field_lastname.length > 0) {         document.getElementById("lastname").value = field_lastname;// get previous lastname     }     // Error message     var error_email = getUrlVars()["error_email"];     var error_lastname = getUrlVars()["error_lastname"];      // Gather all errors into one.     var error_text = '';     // error_email     if (error_email != 'undefined' && error_email != null && error_email.length > 0) {         error_email = error_email.replace(/+/g, ' ');         error_text += '<p>' + error_email + '</p>';     }     // error_lastname     if (error_lastname != 'undefined' && error_lastname != null && error_lastname.length > 0) {         error_lastname = error_lastname.replace(/+/g, ' ');         error_text += '<p>' + error_lastname + '</p>';     }      // Input gathered text to h5     if (document.getElementById("rapidmail_form_error") != 'undefined' && document.getElementById("rapidmail_form_error") != null) {         document.getElementById("rapidmail_form_error").innerHTML = error_text;// show Error     } } 

HTML:

<div id="rapidmail_form_error"></div> <form action="https://tools.emailsys.net/121/1550/18cxn42/subscribe/form.html" method="post" id="rapidmail_form"> 

So it looks at the URL RapidMail generates and parse it. Finally it gathers all errors and paste it to rapidmail_form_error id element.

Just put the current URL to:

<input type="hidden" name="url_error" value="THE_URL_OF_YOUR_FORM" /> 
</div
 
 

Связанный проблема

0  OnClick = "Commentcheck ({{Meeting.people}})", ожидаемый идентификатор, строка или номер  ( Onclick authoritycheckmeeting people expected identifier string or num ) 
У меня возникли проблемы с отправкой <код> {{meeting.people}} Value на функцию JS. Код подписан на Сообщение об ошибке говорит: ожидаемый идентификатор, ст...

1  Функциональность ломтики массива JavaScript на картах JavaScript  ( Javascript array slice functionality in javascript maps ) 
в массивах JavaScript у нас есть один метод под названием Slice, который возвращает неглубокую копию части массива. Можно ли сделать то же самое в картах JS. ...

0  Почему Autoseizecolumn () Loop, похоже, замораживает сценарий Google Apps?  ( Why does an autoresizecolumn loop seem to freeze a google apps script ) 
Все, что я пытаюсь сделать, это изменить размер всеми колонны в электронной таблице. Это автономная электронная таблица. Я использую: <код> function format(...

0  Google Map не отображает  ( Google map not displaying ) 
У меня есть карта Google, которая используется здесь: http://www.comehike.com/outdoors/birds/birds.php Теперь я вижу сообщения об ошибках .j для 1) Инициа...

0  Нужна помощь в создании массива JavaScript от заданных объектов  ( Need help building a javascript array from given object values ) 
Это объект, который у меня есть. <код> var MyObject = { 'stop1-start': "0", 'stop1-color': "#0074a2", 'stop2-start': "32", 'stop2-color...

30  Как я могу использовать Nodejs с Windows 7? [закрыто]  ( How can i use nodejs with windows 7 ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> <Путь d = "M15 6.38A6.48 6.48 0 007.78. 04H-.02A6.49 6.49 0 002.05 ...

0  Обновление происхождения перетаскивания / прокрутки после обновления данных с переходом в D3  ( Update drag scroll origin after an update of the data with transition in d3 ) 
Я работаю на диаграмме с перетаскиванием, масштабированием и обновлениями. Это в основном работает, однако, после добавления новых данных позиция перетаскиван...

1  Удалить таблицу TR при сохранении AddClass  ( Remove table tr while maintaining addclass ) 
Хорошо, у меня есть таблица TR, которая удаляется, когда вы нажимаете кнопку. Я использую Animate.css и хотел бы добавить класс после того, как мой запрос AJA...

1  JavaScript: Получение идентификатора родителя из документа  ( Javascript getting the id of the parent from a document ) 
У меня возникли проблемы с тем, чтобы получить идентификатор родителя документа, который здесь «iFrame1». Как вы можете видеть, что JavaScript должен проживат...

-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто]  ( What is wrong with this jquery code its driving my crazy ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт. Этот вопрос не соответствует Рекомендациям переполнения ...

0  Как вы загружаете файл JavaScript в объем  ( How do you load a javascript file into a scope ) 
Я пытаюсь выяснить, как загрузить содержимое файла JavaScript в объем. Причина этого я хочу иметь возможность иметь возможности подключения и воспроизведения ...

0  в то время как цикл превышает каждый метод  ( While loop over takes the each method ) 
Я добавляю элемент на страницу, используя статический номер в соответствии с кликом пользователя. Таким образом, элемент имеет серийный номер в соответствии с...

0  JavaScript цепи много функций  ( Javascript chaining many function ) 
newbe в JavaScript, Я 4 функции, скажем: <код> function funct1(){ //dosomething(); } function funct2(){ //dosomething(); } function funct3(){ ...

2  Fullcalendar сейчас () индикатор позиционируется неправильно  ( Fullcalendar now indicator positioned wrongly ) 
в Fullcalendar, при настройке параметров Mintime и maxtime ныне () индикаторы не расположены должным образом. У меня есть jsfiddle , чтобы пока...

0  Скрывая неупорядоченный список, когда у него нет элементов  ( Hiding an unordered list when it has no elements ) 
У меня есть проблема, которая кажется сначала, как общий язык No-Brainer и легкая задача. У меня есть плагин JavaScript на моей странице, который генерирует...

Связанный проблема

0  OnClick = "Commentcheck ({{Meeting.people}})", ожидаемый идентификатор, строка или номер 
1  Функциональность ломтики массива JavaScript на картах JavaScript 
0  Почему Autoseizecolumn () Loop, похоже, замораживает сценарий Google Apps? 
0  Google Map не отображает 
0  Нужна помощь в создании массива JavaScript от заданных объектов 
30  Как я могу использовать Nodejs с Windows 7? [закрыто] 
0  Обновление происхождения перетаскивания / прокрутки после обновления данных с переходом в D3 
1  Удалить таблицу TR при сохранении AddClass 
1  JavaScript: Получение идентификатора родителя из документа 
-1  Что не так с этим кодом jQuery, его сумасшедшая? [закрыто] 
0  Как вы загружаете файл JavaScript в объем 
0  в то время как цикл превышает каждый метод 
0  JavaScript цепи много функций 
2  Fullcalendar сейчас () индикатор позиционируется неправильно 
0  Скрывая неупорядоченный список, когда у него нет элементов