Form Submission Button appears to be stuck

[Michael_Florin]

Hello all,

recently, we've heard a few people saying that our landing pages won't work anymore. In fact, they try to submit the form, the "Submit" - or "Register" - button appears to be doing something, but the follow-up page never shows up. Form data are transmitted correctly though.

This only happens for a small minority. I myself was never able to reproduce it. And it only occurred recently - like in the past month or so - and never before that.

Has anyone seen that too and knows anything about it?

Thanks!
Michael

[SanfordWhiteman]

Would need a link to your page. No general problems recently, but browser security is always evolving and you may have some problematic JS, script timing issues, etc.

[Michael_Florin]

Thanks Sanford. Here's one:

https://lp.logmeininc.com/LP_APAC_2021-02-04_Webinar_Cybercrime-legacy-ripple-effect_LP.html

[Abhinav_saini]

Please check if you have added thank you page or not on landing page. 

Also, check in form if you have mentioned "stay on page" and on landing page you have mentioned "Form defined"

Form:

Landing page:

[SanfordWhiteman · Accepted solution]

This code has an unhandled exception:

  /////// BlueConic Form Data /////// 
  if (typeof window.blueConicClient !== 'undefined' &&
      typeof window.blueConicClient.event !== 'undefined' &&
      typeof window.blueConicClient.event.subscribe !== 'undefined') {
      // BlueConic is loaded, now we can do API things
      var profile = blueConicClient.profile.getProfile();
      profile.setValues("email", [mktoFields["Email"]]);
      profile.setValues("google_match_id_most_recent", [chop_id]);
      profile.setValues("google_match_id_all", [chop_id]);
      profile.setValues("_marketoID", [mktoFields["leadID"]]);
      blueConicClient.profile.updateProfile();
      console.log('if defined');
  } else {
    // Not yet loaded; wait for the "onBlueConicLoaded" event
    window.addEventListener('onBlueConicLoaded', function () {
      // BlueConic is loaded, now we can do API things
      var profile = blueConicClient.profile.getProfile();
      profile.setValues("email", [mktoFields["Email"]]);
      profile.setValues("google_match_id_most_recent", [chop_id]);
      profile.setValues("google_match_id_all", [chop_id]);
      blueConicClient.profile.updateProfile();
    }, false);
      console.log('else defined');
  }
  form.onSuccess(function(){
    fieldValues = form.getValues();
    if(fieldValues["Email"] !== undefined){
      profile.setValues("email", [fieldValues["Email"]]);
    }
    if(fieldValues["FirstName"] != undefined){
      profile.setValues("fullname", [fieldValues["FirstName"]+" "+fieldValues["LastName"]]);
    }
    if(fieldValues["product"] != undefined){
      profile.setValues("Most_Recent_Product_Interest", [fieldValues["product"]]);
    }
    blueConicClient.profile.updateProfile();
  });

The onSuccess listener refers to profile whether or not it actually is defined. Therefore if there's a problem loading BlueConic, the onSuccess will error out, and the follow-up behavior will not occur.

[Katja_Keesom]

I remember the same issue occurring a while back and that turned out to be unsupported browsers being used on the customer side. I think it was related to IE. So in addition to the good suggestions from the others, you might want to double check with the people who complained what browser they are using.

[Michael_Florin]

Thanks Katja - actually I just noticed that I can't submit this form on Edge. I'll keep looking in that direction.

[Steven_Vanderb3]

Try looking in the browser's console or network traffic tabs. Sometimes errors can be seen there.

[Michael_Florin]

Thanks all for your help!