[tcb-script type=”text/javascript” src=”https://code.jquery.com/jquery-2.2.4.min.js”][/tcb-script][tcb-script type=”text/javascript” src=”https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js”][/tcb-script]
Which of the following best describes you?
I already own a profitable business
Wantrapreneur with no profitable business
Thinking about becoming an entrepreneur
Next
What is your name?
Previous Next
What is your email address?
Previous Next
What is your current monthly income level?
$1,000/mo or less $1,001/mo to $3,000/mo $3,001/mo – $5,000/mo Over $5,000/mo Previous Next
What’s your desired monthly revenue?
Previous Next
, What do you feel is your biggest obstacle to hitting your monthly revenue goal?
Previous Next
, how willing and able are you to invest in the growth of your business?
I do not have the financial resources to invest in building a business. I have the financial resources to invest into building my business Previous Next
, what makes you different from our other applicants? Why should we choose to work with you?
Previous Next
What is your call preference?
Phone Call
Zoom Call
Previous Next
What is your phone number?
This field is required. Previous Submit 
[tcb-script type=”text/javascript”] /** * @name Multi-step form – WIP * @description Prototype for basic multi-step form * @deps jQuery, jQuery Validate */ jQuery(“#monthly-revenue-next”).click(function() { var name = jQuery(“#name”).val(); jQuery(“.name-container”).html(name); });var app = { init: function(){ this.cacheDOM(); this.setupAria(); this.nextButton(); this.prevButton(); this.validateForm(); this.startOver(); this.editForm(); this.killEnterKey(); this.handleStepClicks(); }, cacheDOM: function(){ if($(“.multi-step-form”).size() === 0){ return; } this.$formParent = $(“.multi-step-form”); this.$form = this.$formParent.find(“form”); this.$formStepParents = this.$form.find(“fieldset”), this.$nextButton = this.$form.find(“.btn-next”); this.$prevButton = this.$form.find(“.btn-prev”); this.$editButton = this.$form.find(“.btn-edit”); this.$resetButton = this.$form.find(“[type=’reset’]”); this.$stepsParent = $(“.steps”); this.$steps = this.$stepsParent.find(“button”); }, htmlClasses: { activeClass: “active”, hiddenClass: “hidden”, visibleClass: “visible”, editFormClass: “edit-form”, animatedVisibleClass: “animated fadeIn”, animatedHiddenClass: “animated fadeOut”, animatingClass: “animating” }, setupAria: function(){ // set first parent to visible this.$formStepParents.eq(0).attr(“aria-hidden”,false); // set all other parents to hidden this.$formStepParents.not(“:first”).attr(“aria-hidden”,true); // handle aria-expanded on next/prev buttons app.handleAriaExpanded(); }, nextButton: function(){ this.$nextButton.on(“click”, function(e){ e.preventDefault(); // grab current step and next step parent var $this = $(this), currentParent = $this.closest(“fieldset”), nextParent = currentParent.next(); // if the form is valid hide current step // trigger next step if(app.checkForValidForm()){ currentParent.removeClass(app.htmlClasses.visibleClass); app.showNextStep(currentParent, nextParent); } }); }, prevButton: function(){ this.$prevButton.on(“click”, function(e){ e.preventDefault(); // grab current step parent and previous parent var $this = $(this), currentParent = $(this).closest(“fieldset”), prevParent = currentParent.prev(); // hide current step and show previous step // no need to validate form here currentParent.removeClass(app.htmlClasses.visibleClass); app.showPrevStep(currentParent, prevParent); }); }, showNextStep: function(currentParent,nextParent){ // hide previous parent currentParent .addClass(app.htmlClasses.hiddenClass) .attr(“aria-hidden”,true); // show next parent nextParent .removeClass(app.htmlClasses.hiddenClass) .addClass(app.htmlClasses.visibleClass) .attr(“aria-hidden”,false); // focus first input on next parent // nextParent.focus(); // browning: focus first input on next parent nextParent.find(“:input”).first().focus(); // activate appropriate step app.handleState(nextParent.index()); // handle aria-expanded on next/prev buttons app.handleAriaExpanded(); }, showPrevStep: function(currentParent,prevParent){ // hide previous parent currentParent .addClass(app.htmlClasses.hiddenClass) .attr(“aria-hidden”,true); // show next parent prevParent .removeClass(app.htmlClasses.hiddenClass) .addClass(app.htmlClasses.visibleClass) .attr(“aria-hidden”,false); // send focus to first input on next parent // prevParent.focus(); // browning: send focus to first input on next parent prevParent.find(“:input”).first().focus(); // activate appropriate step app.handleState(prevParent.index()); // handle aria-expanded on next/prev buttons app.handleAriaExpanded(); }, handleAriaExpanded: function(){ /* Loop thru each next/prev button Check to see if the parent it conrols is visible Handle aria-expanded on buttons */ $.each(this.$nextButton, function(idx,item){ var controls = $(item).attr(“aria-controls”); if($(“#”+controls).attr(“aria-hidden”) == “true”){ $(item).attr(“aria-expanded”,false); }else{ $(item).attr(“aria-expanded”,true); } }); $.each(this.$prevButton, function(idx,item){ var controls = $(item).attr(“aria-controls”); if($(“#”+controls).attr(“aria-hidden”) == “true”){ $(item).attr(“aria-expanded”,false); }else{ $(item).attr(“aria-expanded”,true); } }); }, validateForm: function(){ // jquery validate form validation this.$form.validate({ ignore: “:hidden”, // any children of hidden desc are ignored errorElement: “span”, // wrap error elements in span not label errorClass: “error-text”, // Sarah added error class to span errorPlacement: function(error, element) { // Sarah added to insert before to work better with radio buttions if(element.attr(“type”) == “radio”) { error.insertBefore(element); } else { error.insertAfter(element); } }, invalidHandler: function(event, validator){ // add aria-invalid to el with error $.each(validator.errorList, function(idx,item){ if(idx === 0){ $(item.element).focus(); // send focus to first el with error } $(item.element).attr({“aria-invalid”: true, “aria-required”: true}); // add invalid aria sarah added & aria-required }) }, submitHandler: function(form) { //alert(“form submitted!”); //form.submit(); } }); }, checkForValidForm: function(){ if(this.$form.valid()){ return true; } }, startOver: function(){ var $parents = this.$formStepParents, $firstParent = this.$formStepParents.eq(0), $formParent = this.$formParent, $stepsParent = this.$stepsParent; this.$resetButton.on(“click”, function(e){ // hide all parents – show first $parents .removeClass(app.htmlClasses.visibleClass) .addClass(app.htmlClasses.hiddenClass) .eq(0).removeClass(app.htmlClasses.hiddenClass) .eq(0).addClass(app.htmlClasses.visibleClass); // remove edit state if present $formParent.removeClass(app.htmlClasses.editFormClass); // manage state – set to first item app.handleState(0); // reset stage for initial aria state app.setupAria(); // send focus to first item setTimeout(function(){ $firstParent.focus(); },200); }); // click }, handleState: function(step){ this.$steps.eq(step).prevAll().removeAttr(“disabled”); this.$steps.eq(step).addClass(app.htmlClasses.activeClass); // restart scenario if(step === 0){ this.$steps .removeClass(app.htmlClasses.activeClass) .attr(“disabled”,”disabled”); this.$steps.eq(0).addClass(app.htmlClasses.activeClass) } }, editForm: function(){ var $formParent = this.$formParent, $formStepParents = this.$formStepParents, $stepsParent = this.$stepsParent; this.$editButton.on(“click”,function(){ $formParent.toggleClass(app.htmlClasses.editFormClass); $formStepParents.attr(“aria-hidden”,false); $formStepParents.eq(0).find(“input”).eq(0).focus(); app.handleAriaExpanded(); }); }, killEnterKey: function(){ $(document).on(“keypress”, “:input:not(textarea,button)”, function(event) { return event.keyCode != 13; }); }, handleStepClicks: function(){ var $stepTriggers = this.$steps, $stepParents = this.$formStepParents; $stepTriggers.on(“click”, function(e){ e.preventDefault(); var btnClickedIndex = $(this).index(); // kill active state for items after step trigger $stepTriggers.nextAll() .removeClass(app.htmlClasses.activeClass) .attr(“disabled”,true); // activate button clicked $(this) .addClass(app.htmlClasses.activeClass) .attr(“disabled”,false) // hide all step parents $stepParents .removeClass(app.htmlClasses.visibleClass) .addClass(app.htmlClasses.hiddenClass) .attr(“aria-hidden”,true); // show step that matches index of button $stepParents.eq(btnClickedIndex) .removeClass(app.htmlClasses.hiddenClass) .addClass(app.htmlClasses.visibleClass) .attr(“aria-hidden”,false) .focus(); }); }};app.init();[/tcb-script][tcb-script type=”text/javascript”] jQuery(document).ready(function() { jQuery(“#hway-btn”).click(function(e){ var name = jQuery(“#name”).val(); var email = jQuery(“#email”).val(); $data = { “name”: name, “email”: email, “survey-title”: “Premium+ Survey” } if(jQuery(‘#hway-2’).is(‘:checked’)) { jQuery(“#survey-form”).hide(); jQuery(“#loader_container”).show(); e.preventDefault(); $.ajax({ url: “https://hooks.zapier.com/hooks/catch/911460/oepxpix/”, type: “POST”, data: $data, success: function() { //alert(“Success”); // Redirect to another success page document.location.href = “https://secure.dropshiplifestyle.com/webinar-call” //window.location.href = “https://dropshiplifestyle.com/schedule-confirm/?first_name=”+name+”&a1=”+phone+”&email=”+email+””; } }); console.log($data); } else { console.log(“Don’t Redirect”); } }); }); //Submit Form on Submit Click $(“#phone-number-error”).hide(); $(“#submit-form”).click(function() { if(!$(“#phone”).val()) { //alert(“Test”); $(“#phone”).addClass(“error-text”); $(“#phone-number-error”).show(); $(“#phone-number-error”).html(“This field is required.”); //return false; } else { $(“#survey-form”).submit(); $(this).removeClass(“error-text”); } }); // POST form data to zapier on submit $(“#survey-form”).submit(function(e) { e.preventDefault(); $.ajax({ url: “https://hooks.zapier.com/hooks/catch/911460/og16mj6/”, type: “POST”, data: $(“#survey-form”).serialize(), success: function() { var name = jQuery(“#name”).val(); var email = jQuery(“#email”).val(); var phone = jQuery(“#phone”).val(); var location = “https://dropshiplifestyle.com/schedule-confirm/” //alert(“Success”); // Redirect to another success page document.location.href = “https://dropshiplifestyle.com/schedule-confirm/?first_name=”+name+”&a1=”+phone+”&email=”+email; //window.location.href = “https://dropshiplifestyle.com/schedule-confirm/?first_name=”+name+”&a1=”+phone+”&email=”+email+””; } }); });[/tcb-script]