Having a theme caused Javascript conflict. I'm 99% certain about this, because when I switch to ELemental, the following works as expected, but as soon as I re-activate Pixel, I get a BLANK PAGE (the browser won't render anything, and the console show errors.

The 1st attached screenshot shows the form working w/ Elemental.
The 2nd screenshot shows the console errors.

I am trying to EMBED a Jotform Payment form (linked to Stripe). I have tried several different methods (provided by Jotform), as well as using Mesuva's Script Output block, and also John The Fish's SAFE HTML template.

The simplest is this code

[code]<script type="text/javascript" src="https://form.jotform.com/jsform/72581358821158"></script>[/code]
This creates an iframe.

I tried the actual iframe method too
[code] Use this code in order to embed your form in an iFrame within your page.
<iframe id="JotFormIFrame-72581358821158" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/72581358821158" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-72581358821158"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { iframe = document.getElementById("JotFormIFrame"); } if (!iframe) return; switch (args[0]) { case "scrollIntoView": iframe.scrollIntoView(); break; case "setHeight": iframe.style.height = args[1] + "px"; break; case "collapseErrorPage": if (iframe.clientHeight > window.innerHeight) { iframe.style.height = window.innerHeight + "px"; } break; case "reloadPage": window.location.reload(); break; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>[/code]

The following is what the Console shows (ALSO SHOWN IN SCREENSHOT)
[code]plugins.js:268 [Intervention] Registering mousewheel event as passive due to smoothscroll.js usage. The smoothscroll.js library is buggy, no longer necessary and degrades performance. Seehttps://www.chromestatus.com/feature/5749447073988608...
ssc_addEvent @ plugins.js:268
functions.js:1 Uncaught TypeError: Cannot read property 'apply' of undefined
at functions.js:1
at functions.js:1
jotform.forms.js?3.3.2206:686 pk_live_KLqqdp97W2VRaOwgmZUCMihp
(index):3 You are using Stripe.js in live mode over an insecure connection. This is considered unsafe. Please conduct live requests only on sites served over https. For more info, seehttp://stripe.com/help/ssl [/code]

Finally, there's an option to actually use the source code locally. Here's that code.[code]<script src="https://js.stripe.com/v1/" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/static/jotform.forms.js?3.3.2206" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/js/stripe.js?v=3.3.2206" type="text/javascript"></script>
<script type="text/javascript"> JotForm.init(function(){ JotForm.setStripeSettings('pk_live_KLqqdp97W2VRaOwgmZUCMihp', '7'); setTimeout(function() { $('input_8').hint('ex: myname@example.com'); }, 20); FormTranslation.init({"detectUserLanguage":"1","firstPageOnly":"0","options":"English (US)","originalLanguage":"en","primaryLanguage":"en","saveUserLanguage":"1","showStatus":"flag-with-nation","theme":"light-theme","version":"2"}); /*INIT-END*/
}); JotForm.prepareCalculationsOnTheFly([null,null,null,null,null,null,{"name":"fullName6","qid":"6","text":"Full Name","type":"control_fullname"},{"name":"address7","qid":"7","text":"Address","type":"control_address"},{"name":"email8","qid":"8","text":"E-mail","type":"control_email"},{"name":"paymentAmount","qid":"9","text":"Payment Amount","type":"control_stripe"},{"name":"submit","qid":"10","text":"Pay Now","type":"control_button"}]); setTimeout(function() {
JotForm.paymentExtrasOnTheFly([null,null,null,null,null,null,{"name":"fullName6","qid":"6","text":"Full Name","type":"control_fullname"},{"name":"address7","qid":"7","text":"Address","type":"control_address"},{"name":"email8","qid":"8","text":"E-mail","type":"control_email"},{"name":"paymentAmount","qid":"9","text":"Payment Amount","type":"control_stripe"},{"name":"submit","qid":"10","text":"Pay Now","type":"control_button"}]);}, 20); </script>
<link href="https://cdn.jotfor.ms/static/formCss.css?3.3.2206" rel="stylesheet" type="text/css" />
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/nova.css?3.3.2206" />
<link type="text/css" media="print" rel="stylesheet" href="https://cdn.jotfor.ms/css/printForm.css?3.3.2206" />
<link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/themes/CSS/566a91c2977cdfcd478b4567.css?themeRevisionID=59b6a231cf3bfe36162f2ee2"/>
<style type="text/css"> .form-label-left{ width:150px; } .form-line{ padding-top:12px; padding-bottom:12px; } .form-label-right{ width:150px; } .form-all{ width:750px; color:#555 !important; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, sans-serif; font-size:14px; }
</style> <style type="text/css" id="form-designer-style"> /* Injected CSS Code */
.form-all:after { content: ""; display: table; clear: both;
}
.form-all { font-family: "Lucida Grande", sans-serif;
}
.form-all { width: 700px;
}
.form-label-left,
.form-label-right { width: 150px;
}
.form-label { white-space: normal;
}
.form-label.form-label-auto { display: block; float: none; text-align: left;
}
.form-label-left { display: inline-block; white-space: normal; float: left; text-align: left;
}
.form-label-right { display: inline-block; white-space: normal; float: left; text-align: right;
}
.form-label-top { white-space: normal; display: block; float: none; text-align: left;
}
.form-radio-item label:before { top: 0;
}
.form-all { font-size: 14px;
}
.form-label { font-weight: bold;
}
.form-checkbox-item label,
.form-radio-item label { font-weight: normal;
}
.supernova { background-color: #ffffff; background-color: #f5f5f5;
}
.supernova body { background-color: transparent;
}
/*
@width30: (unit(@formWidth, px) + 60px);
@width60: (unit(@formWidth, px)+ 120px);
@width90: (unit(@formWidth, px)+ 180px);
*/
/* | */
@media screen and (min-width: 480px) { .supernova .form-all { border: 1px solid #dcdcdc; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.1); }
}
/* | */
/* | */
@media screen and (max-width: 480px) { .jotform-form .form-all { margin: 0; width: 100%; }
}
/* | */
/* | */
@media screen and (min-width: 480px) and (max-width: 767px) { .jotform-form .form-all { margin: 0; width: 100%; }
}
/* | */
/* | */
@media screen and (min-width: 480px) and (max-width: 699px) { .jotform-form .form-all { margin: 0; width: 100%; }
}
/* | */
/* | */
@media screen and (min-width: 768px) { .jotform-form { padding: 60px 0; }
}
/* | */
/* | */
@media screen and (max-width: 699px) { .jotform-form .form-all { margin: 0; width: 100%; }
}
/* | */
.supernova .form-all,
.form-all { background-color: #ffffff; border: 1px solid transparent;
}
.form-header-group { border-color: #e6e6e6;
}
.form-matrix-table tr { border-color: #e6e6e6;
}
.form-matrix-table tr:nth-child(2n) { background-color: #f2f2f2;
}
.form-all { color: #555555;
}
.form-header-group .form-header { color: #555555;
}
.form-header-group .form-subHeader { color: #6f6f6f;
}
.form-sub-label { color: #6f6f6f;
}
.form-label-top,
.form-label-left,
.form-label-right,
.form-html { color: #555555;
}
.form-checkbox-item label,
.form-radio-item label { color: #6f6f6f;
}
.form-line.form-line-active { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #ffffe0;
}
/* omer */
.form-radio-item,
.form-checkbox-item { padding-bottom: 0px !important;
}
.form-radio-item:last-child,
.form-checkbox-item:last-child { padding-bottom: 0;
}
/* omer */
.form-single-column .form-checkbox-item,
.form-single-column .form-radio-item { width: 100%;
}
.supernova { height: 100%; background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat;
}
.supernova { background-image: none;
}
#stage { background-image: none;
}
/* | */
.form-all { background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-repeat: repeat;
}
.form-header-group { background-repeat: no-repeat; background-attachment: scroll; background-position: center top;
}
.form-line { margin-top: 12px; margin-bottom: 12px;
}
.form-line { padding: 12px 36px;
}
.form-all .qq-upload-button,
.form-all .form-submit-button,
.form-all .form-submit-reset,
.form-all .form-submit-print { font-size: 1em; padding: 9px 15px; font-family: "Lucida Grande", sans-serif; font-size: 14px; font-weight: normal;
}
.form-all .form-pagebreak-back,
.form-all .form-pagebreak-next { font-size: 1em; padding: 9px 15px; font-family: "Lucida Grande", sans-serif; font-size: 14px; font-weight: normal;
}
/*
& when ( @buttonFontType = google ) { @import (css) "@{buttonFontLink}";
}
*/
h2.form-header { line-height: 1.618em; font-size: 1.714em;
}
h2 ~ .form-subHeader { line-height: 1.5em; font-size: 1.071em;
}
.form-header-group { text-align: left;
}
/*.form-dropdown,
.form-radio-item,
.form-checkbox-item,
.form-radio-other-input,
.form-checkbox-other-input,*/
.form-captcha input,
.form-spinner input,
.form-error-message { padding: 4px 3px 2px 3px;
}
.form-header-group { font-family: "Lucida Grande", sans-serif;
}
.form-section { padding: 0px 0px 0px 0px;
}
.form-header-group { margin: 12px 36px 12px 36px;
}
.form-header-group { padding: 24px 0px 24px 0px;
}
.form-textbox,
.form-textarea { padding: 4px 3px 2px 3px;
}
.form-textbox,
.form-textarea,
.form-radio-other-input,
.form-checkbox-other-input,
.form-captcha input,
.form-spinner input { background-color: #ffffff;
}
[data-type="control_dropdown"] .form-input,
[data-type="control_dropdown"] .form-input-wide { width: 150px;
}
.form-label { font-family: "Lucida Grande", sans-serif;
}
li[data-type="control_image"] div { text-align: left;
}
li[data-type="control_image"] img { border: none; border-width: 0px !important; border-style: solid !important; border-color: false !important;
}
.form-line-column { width: auto;
}
.form-line-error { overflow: hidden; -webkit-transition-property: none; -moz-transition-property: none; -ms-transition-property: none; -o-transition-property: none; transition-property: none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: #fff4f4;
}
.form-line-error .form-error-message { background-color: #ff3200; clear: both; float: none;
}
.form-line-error .form-error-message .form-error-arrow { border-bottom-color: #ff3200;
}
.form-line-error input:not(#coupon-input),
.form-line-error textarea,
.form-line-error .form-validation-error { border: 1px solid #ff3200; -webkit-box-shadow: 0 0 3px #ff3200; -moz-box-shadow: 0 0 3px #ff3200; box-shadow: 0 0 3px #ff3200;
}
.ie-8 .form-all { margin-top: auto; margin-top: initial;
}
.ie-8 .form-all:before { display: none;
}
[data-type="control_clear"] { display: none;
}
/* | */
@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) { .testOne { letter-spacing: 0; } .form-all { border: 0; max-width: initial; } .form-sub-label-container { width: 100%; margin: 0; margin-right: 0; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } span.form-sub-label-container + span.form-sub-label-container { margin-right: 0; } .form-sub-label { white-space: normal; } .form-address-table td, .form-address-table th { padding: 0 1px 10px; } .form-submit-button, .form-submit-print, .form-submit-reset { width: 100%; margin-left: 0!important; } div[id*=at_] { font-size: 14px; font-weight: 700; height: 8px; margin-top: 6px; } .showAutoCalendar { width: 20px; } img.form-image { max-width: 100%; height: auto; } .form-matrix-row-headers { width: 100%; word-break: break-all; min-width: 40px; } .form-collapse-table, .form-header-group { margin: 0; } .form-collapse-table { height: 100%; display: inline-block; width: 100%; } .form-collapse-hidden { display: none !important; } .form-input { width: 100%; } .form-label { width: 100% !important; } .form-label-left, .form-label-right { display: block; float: none; text-align: left; width: auto!important; } .form-line, .form-line.form-line-column { padding: 2% 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type=text], input[type=email], input[type=tel], textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: initial !important; } .form-dropdown, .form-textarea, .form-textbox { width: 100%!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-input, .form-input-wide, .form-textarea, .form-textbox, .form-dropdown { max-width: initial!important; } .form-address-city, .form-address-line, .form-address-postal, .form-address-state, .form-address-table, .form-address-table .form-sub-label-container, .form-address-table select, .form-input { width: 100%; } div.form-header-group { padding: 24px 0px !important; margin: 0 12px 2% !important; margin-left: 5%!important; margin-right: 5%!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } div.form-header-group.hasImage img { max-width: 100%; } [data-type="control_button"] { margin-bottom: 0 !important; } [data-type=control_fullname] .form-sub-label-container { width: 48%; } [data-type=control_fullname] .form-sub-label-container:first-child { margin-right: 4%; } [data-type=control_phone] .form-sub-label-container { width: 65%; } [data-type=control_phone] .form-sub-label-container:first-child { width: 31%; margin-right: 4%; } [data-type=control_datetime] .form-sub-label-container + .form-sub-label-container, [data-type=control_datetime] .form-sub-label-container:first-child { width: 27.3%; margin-right: 6%; } [data-type=control_datetime] .form-sub-label-container + .form-sub-label-container + .form-sub-label-container { width: 33.3%; margin-right: 0; } [data-type=control_datetime] span + span + span > span:first-child { display: block; width: 100% !important; } [data-type=control_birthdate] .form-sub-label-container, [data-type=control_datetime] span + span + span > span:first-child + span + span, [data-type=control_time] .form-sub-label-container { width: 27.3%!important; margin-right: 6% !important; } [data-type=control_birthdate] .form-sub-label-container:last-child, [data-type=control_time] .form-sub-label-container:last-child { width: 33.3%!important; margin-right: 0 !important; } .form-pagebreak-back-container, .form-pagebreak-next-container { min-height: 1px; width: 50% !important; } .form-pagebreak-back, .form-pagebreak-next, .form-product-item.hover-product-item { width: 100%; } .form-pagebreak-back-container { padding: 0; text-align: right; } .form-pagebreak-next-container { padding: 0; text-align: left; } .form-pagebreak { margin: 0 auto; } .form-buttons-wrapper { margin: 0!important; margin-left: 0!important; } .form-buttons-wrapper button { width: 100%; } .form-buttons-wrapper .form-submit-print { margin: 0 !important; } table { width: 100%!important; max-width: initial!important; } table td + td { padding-left: 3%; } .form-checkbox-item, .form-radio-item { white-space: normal!important; } .form-checkbox-item input, .form-radio-item input { width: auto; } .form-collapse-table { margin: 0 5%; display: block; zoom: 1; width: auto; } .form-collapse-table:before, .form-collapse-table:after { display: table; content: ''; line-height: 0; } .form-collapse-table:after { clear: both; } .fb-like-box { width: 98% !important; } .form-error-message { clear: both; bottom: -10px; } .date-separate, .phone-separate { display: none; } .custom-field-frame, .direct-embed-widgets, .signature-pad-wrapper { width: 100% !important; }
}
/* | */ /*PREFERENCES STYLE*/ .form-all { font-family: Lucida Grande, sans-serif; } .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { font-family: Lucida Grande, sans-serif; } .form-all .form-pagebreak-back-container, .form-all .form-pagebreak-next-container { font-family: Lucida Grande, sans-serif; } .form-header-group { font-family: Lucida Grande, sans-serif; } .form-label { font-family: Lucida Grande, sans-serif; } .form-label.form-label-auto { display: block; float: none; text-align: left; width: 100%; } .form-line { margin-top: 12px; margin-bottom: 12px; } .form-all { width: 750px; } .form-label-left, .form-label-right, .form-label-left.form-label-auto, .form-label-right.form-label-auto { width: 150px; } .form-all { font-size: 14px } .form-all .qq-upload-button, .form-all .qq-upload-button, .form-all .form-submit-button, .form-all .form-submit-reset, .form-all .form-submit-print { font-size: 14px } .form-all .form-pagebreak-back-container, .form-all .form-pagebreak-next-container { font-size: 14px } .supernova .form-all, .form-all { background-color: #fff; border: 1px solid transparent; } .form-all { color: #555; } .form-header-group .form-header { color: #555; } .form-header-group .form-subHeader { color: #555; } .form-label-top, .form-label-left, .form-label-right, .form-html, .form-checkbox-item label, .form-radio-item label { color: #555; } .form-sub-label { color: #6f6f6f; } .supernova { background-color: #f5f5f5; } .supernova body { background: transparent; } .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input { background-color: #fff; } .supernova { background-image: none; } #stage { background-image: none; } .form-all { background-image: none; } .ie-8 .form-all:before { display: none; } .ie-8 { margin-top: auto; margin-top: initial; } /*PREFERENCES STYLE*//*__INSPECT_SEPERATOR__*/
.form-label.form-label-auto { display : inline-block; float : left; text-align : left;
} /* Injected CSS Code */
</style> <link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/styles/buttons/form-submit-button-simple_black.css?3.3.2206"/>
<form class="jotform-form" action="https://submit.jotform.us/submit/72581358821158/" method="post" name="form_72581358821158" id="72581358821158" accept-charset="utf-8"> <input type="hidden" name="formID" value="72581358821158" /> <div class="form-all"> <link type="text/css" rel="stylesheet" media="all" href="https://cdn.jotfor.ms/wizards/languageWizard/custom-dropdown/css/lang-dd.css?3.3.2206" /> <div class="cont"> <input type="text" id="input_language" name="input_language" style="display:none" /> <div class="language-dd" id="langDd" style="display:none"> <div class="dd-placeholder lang-emp"> Language </div> <ul class="lang-list dn" id="langList"> <li data-lang="en" class="en"> English (US) </li> </ul> </div> </div> <script type="text/javascript" src="https://cdn.jotfor.ms/js/formTranslation.v2.js?3.3.2206"></script> <ul class="form-section page-section"> <li class="form-line jf-required" data-type="control_stripe" id="id_9"> <label class="form-label form-label-top form-label-auto" id="label_9" for="input_9"> Payment Amount <span class="form-required"> * </span> </label> <div id="cid_9" class="form-input-wide jf-required"> <div data-wrapper-react="true"> <div data-wrapper-react="true"> <input type="hidden" name="simple_fpc" data-payment_type="stripe" data-component="payment1" value="9" /> <input type="hidden" name="payment_total_checksum" id="payment_total_checksum" data-component="payment2" /> <span class="form-sub-label-container" style="vertical-align:top;"> <input type="text" class="form-textbox validate[required, Numeric]" id="input_9_donation" name="q9_paymentAmount[price]" value="" data-component="paymentDonation" /> USD <label class="form-sub-label" for="input_9_donation" style="min-height:13px;"> any </label> </span> <hr/> </div> <table class="form-address-table payment-form-table" cellpadding="0" cellspacing="0"> <tbody> <tr> <th colspan="2" style="text-align:left;margin-top:20px;display:table;" id="ccTitle9"> Credit Card Details </th> </tr> <tr> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <label class="form-sub-label" for="input_9_cc_firstName" id="sublabel_cc_firstName" style="min-height:13px;margin:0 0 3px 0;"> First Name </label> <input type="text" id="input_9_cc_firstName" name="q9_paymentAmount[cc_firstName]" class="form-textbox validate[required] cc_firstName" size="20" value="" data-component="cc_firstName" /> </span> </td> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <label class="form-sub-label" for="input_9_cc_lastName" id="sublabel_cc_lastName" style="min-height:13px;margin:0 0 3px 0;"> Last Name </label> <input type="text" id="input_9_cc_lastName" name="q9_paymentAmount[cc_lastName]" class="form-textbox validate[required] cc_lastName" size="20" value="" data-component="cc_lastName" /> </span> </td> </tr> <tr> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <label class="form-sub-label" for="input_9_cc_number" id="sublabel_cc_number" style="min-height:13px;margin:0 0 3px 0;"> Credit Card Number </label> <input type="number" id="input_9_cc_number" name="q9_paymentAmount[cc_number]" class="form-textbox validate[required] cc_number" autocomplete="off" size="20" value="" data-component="cc_number" /> </span> </td> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <label class="form-sub-label" for="input_9_cc_ccv" id="sublabel_cc_ccv" style="min-height:13px;margin:0 0 3px 0;"> Security Code </label> <input type="number" id="input_9_cc_ccv" name="q9_paymentAmount[cc_ccv]" class="form-textbox validate[required] cc_ccv" autocomplete="off" style="width:52px;" value="" data-component="cc_ccv" /> </span> </td> </tr> <tr> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <label class="form-sub-label" for="input_9_cc_exp_month" id="sublabel_cc_exp_month" style="min-height:13px;margin:0 0 3px 0;"> Expiration Month </label> <select class="form-dropdown validate[required] cc_exp_month" name="q9_paymentAmount[cc_exp_month]" id="input_9_cc_exp_month" data-component="cc_exp_month"> <option> </option> <option value="1"> January </option> <option value="2"> February </option> <option value="3"> March </option> <option value="4"> April </option> <option value="5"> May </option> <option value="6"> June </option> <option value="7"> July </option> <option value="8"> August </option> <option value="9"> September </option> <option value="10"> October </option> <option value="11"> November </option> <option value="12"> December </option> </select> </span> </td> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <label class="form-sub-label" for="input_9_cc_exp_year" id="sublabel_cc_exp_year" style="min-height:13px;margin:0 0 3px 0;"> Expiration Year </label> <select class="form-dropdown validate[required] cc_exp_year" name="q9_paymentAmount[cc_exp_year]" id="input_9_cc_exp_year" data-component="cc_exp_year"> <option> </option> <option value="2017"> 2017 </option> <option value="2018"> 2018 </option> <option value="2019"> 2019 </option> <option value="2020"> 2020 </option> <option value="2021"> 2021 </option> <option value="2022"> 2022 </option> <option value="2023"> 2023 </option> <option value="2024"> 2024 </option> <option value="2025"> 2025 </option> <option value="2026"> 2026 </option> <option value="2027"> 2027 </option> <option value="2028"> 2028 </option> <option value="2029"> 2029 </option> <option value="2030"> 2030 </option> <option value="2031"> 2031 </option> <option value="2032"> 2032 </option> <option value="2033"> 2033 </option> <option value="2034"> 2034 </option> <option value="2035"> 2035 </option> <option value="2036"> 2036 </option> </select> </span> </td> </tr> </tbody> </table> </div> </div> </li> <li class="form-line jf-required" data-type="control_fullname" id="id_6"> <label class="form-label form-label-top form-label-auto" id="label_6" for="first_6"> Full Name <span class="form-required"> * </span> </label> <div id="cid_6" class="form-input-wide jf-required"> <div data-wrapper-react="true"> <span class="form-sub-label-container" style="vertical-align:top;"> <input type="text" id="first_6" name="q6_fullName6[first]" class="form-textbox validate[required]" size="10" value="" data-component="first" required="" /> <label class="form-sub-label" for="first_6" id="sublabel_first" style="min-height:13px;"> First Name </label> </span> <span class="form-sub-label-container" style="vertical-align:top;"> <input type="text" id="last_6" name="q6_fullName6[last]" class="form-textbox validate[required]" size="15" value="" data-component="last" required="" /> <label class="form-sub-label" for="last_6" id="sublabel_last" style="min-height:13px;"> Last Name </label> </span> </div> </div> </li> <li class="form-line" data-type="control_address" id="id_7"> <label class="form-label form-label-top form-label-auto" id="label_7" for="input_7_addr_line1"> Address </label> <div id="cid_7" class="form-input-wide"> <table summary="" class="form-address-table" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2"> <span class="form-sub-label-container" style="vertical-align:top;"> <input type="text" id="input_7_addr_line1" name="q7_address7[addr_line1]" class="form-textbox form-address-line" value="" data-component="address_line_1" /> <label class="form-sub-label" for="input_7_addr_line1" id="sublabel_7_addr_line1" style="min-height:13px;"> Street Address </label> </span> </td> </tr> <tr> <td colspan="2"> <span class="form-sub-label-container" style="vertical-align:top;"> <input type="text" id="input_7_addr_line2" name="q7_address7[addr_line2]" class="form-textbox form-address-line" size="46" value="" data-component="address_line_2" /> <label class="form-sub-label" for="input_7_addr_line2" id="sublabel_7_addr_line2" style="min-height:13px;"> Street Address Line 2 </label> </span> </td> </tr> <tr> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <input type="text" id="input_7_city" name="q7_address7[city]" class="form-textbox form-address-city" size="21" value="" data-component="city" /> <label class="form-sub-label" for="input_7_city" id="sublabel_7_city" style="min-height:13px;"> City </label> </span> </td> <td> <span class="form-sub-label-container" style="vertical-align:top;"> <select class="form-dropdown form-address-state" name="q7_address7[state]" id="input_7_state" data-component="state"> <option selected="" value=""> Please Select </option> <option value="Alabama"> Alabama </option> <option value="Alaska"> Alaska </option> <option value="Arizona"> Arizona </option> <option value="Arkansas"> Arkansas </option> <option value="California"> California </option> <option value="Colorado"> Colorado </option> <option value="Connecticut"> Connecticut </option> <option value="Delaware"> Delaware </option> <option value="District of Columbia"> District of Columbia </option> <option value="Florida"> Florida </option> <option value="Georgia"> Georgia </option> <option value="Hawaii"> Hawaii </option> <option value="Idaho"> Idaho </option> <option value="Illinois"> Illinois </option> <option value="Indiana"> Indiana </option> <option value="Iowa"> Iowa </option> <option value="Kansas"> Kansas </option> <option value="Kentucky"> Kentucky </option> <option value="Louisiana"> Louisiana </option> <option value="Maine"> Maine </option> <option value="Maryland"> Maryland </option> <option value="Massachusetts"> Massachusetts </option> <option value="Michigan"> Michigan </option> <option value="Minnesota"> Minnesota </option> <option value="Mississippi"> Mississippi </option> <option value="Missouri"> Missouri </option> <option value="Montana"> Montana </option> <option value="Nebraska"> Nebraska </option> <option value="Nevada"> Nevada </option> <option value="New Hampshire"> New Hampshire </option> <option value="New Jersey"> New Jersey </option> <option value="New Mexico"> New Mexico </option> <option value="New York"> New York </option> <option value="North Carolina"> North Carolina </option> <option value="North Dakota"> North Dakota </option> <option value="Ohio"> Ohio </option> <option value="Oklahoma"> Oklahoma </option> <option value="Oregon"> Oregon </option> <option value="Pennsylvania"> Pennsylvania </option> <option value="Rhode Island"> Rhode Island </option> <option value="South Carolina"> South Carolina </option> <option value="South Dakota"> South Dakota </option> <option value="Tennessee"> Tennessee </option> <option value="Texas"> Texas </option> <option value="Utah"> Utah </option> <option value="Vermont"> Vermont </option> <option value="Virginia"> Virginia </option> <option value="Washington"> Washington </option> <option value="West Virginia"> West Virginia </option> <option value="Wisconsin"> Wisconsin </option> <option value="Wyoming"> Wyoming </option> </select> <label class="form-sub-label" for="input_7_state" id="sublabel_7_state" style="min-height:13px;"> State </label> </span> </td> </tr> <tr> <td width="50%"> <span class="form-sub-label-container" style="vertical-align:top;"> <input type="text" id="input_7_postal" name="q7_address7[postal]" class="form-textbox form-address-postal" size="10" value="" data-component="zip" /> <label class="form-sub-label" for="input_7_postal" id="sublabel_7_postal" style="min-height:13px;"> Zip Code </label> </span> </td> <td style="display:none;"> <span class="form-sub-label-container" style="vertical-align:top;"> <select class="form-dropdown form-address-country" name="q7_address7[country]" id="input_7_country" data-component="country"> <option value=""> Please Select </option> <option value="United States"> United States </option><option value="United Kingdom"> United Kingdom </option><option value="other"> Other </option> </select> <label class="form-sub-label" for="input_7_country" id="sublabel_7_country" style="min-height:13px;"> Country </label> </span> </td> </tr> </tbody> </table> </div> </li> <li class="form-line" data-type="control_button" id="id_10"> <div id="cid_10" class="form-input-wide"> <div style="text-align:left;" class="form-buttons-wrapper"> <button id="input_10" type="submit" class="form-submit-button form-submit-button-simple_black" data-component="button"> Pay Now </button> </div> </div> </li> <li class="form-line" data-type="control_email" id="id_8"> <label class="form-label form-label-top form-label-auto" id="label_8" for="input_8"> E-mail </label> <div id="cid_8" class="form-input-wide"> <input type="email" id="input_8" name="q8_email8" class="form-textbox validate[Email]" size="30" value="" placeholder="ex: myname@example.com" data-component="email" /> </div> </li> <li style="display:none"> Should be Empty: <input type="text" name="website" value="" /> </li> </ul> </div> <script> JotForm.showJotFormPowered = "new_footer"; </script> <input type="hidden" id="simple_spc" name="simple_spc" value="72581358821158" /> <script type="text/javascript"> document.getElementById("si" + "mple" + "_spc").value = "72581358821158-72581358821158"; </script> <div class="formFooter-heightMask"> </div> <div class="formFooter"> <a href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=72581358821158&utm_content=jotform_logo&utm_campaign=powered_by_jotform_signup_hp" target="_blank" class="formFooter-logoLink"><img class="formFooter-logo" src="https://cdn.jotfor.ms/assets/img/logo/logo-new@1x.png" alt="" style="height: 44px;"></a> <div class="formFooter-rightSide"> <span class="formFooter-text"> Now create your own JotForm - It's free! </span> <a class="formFooter-button" href="https://www.jotform.com/?utm_source=formfooter&utm_medium=banner&utm_term=72581358821158&utm_content=jotform_button&utm_campaign=powered_by_jotform_signup_hp" target="_blank">Create your own JotForm</a> </div> </div>
</form>
<script type="text/javascript">JotForm.ownerView=true;</script>
[/code]

This is really frustrating, but I'm hopeful and confident you're skills can fix this.

Please test on a Test install of yours (the form should work on any website. It's just a Payment form, so I'm not worried about anyone trying anything because all they can do is make a payment).

Unless you want to edit your HOSTS file, I can't show you the site because the domain still points to the old site (I modified my HOSTS file to point to the new site on completely different hosting, but until the Domain's DNS is changed to go there, you'd end up at the old hosting & site)

Type:	Ticket
Status:	Archived