• Resolved keith

    (@wkeithgardner)


    If there are multiple forms on a page, validation breaks because hidden input fields are not uniquely identified. The first form’s hidden input fields are being grabbed, not the form being submitted.

    The Constant Contact javascript should use CSS selectors to grab the correct hidden input field using the uniquely identified form that is being submitted.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Constant Contact

    (@constantcontact)

    Hey @wkeithgardner

    Can you verify which aspect of validation you’re seeing this issue with? We’d like to investigate and double check to make sure we’re doing things properly, but at least from what I’m seeing in our JS code, nothing is standing out as being tied too closely to IDs over class selectors.

    Even just a line in the javascript file that you’re identfying yourself would at least give us a starting point.

    Thanks.

    Thread Starter keith

    (@wkeithgardner)

    i went ahead and changed our code to use only one form.

    we were using 3 forms for mobile, tablet, and desktop in avada. the code was simple enough to use only one form. it only required adding media queries for one div. it has gone through several redesigns.

    the forms and email address fields had unique css ids or classes, but they all had hidden input fields related to validation with the same css id. i believe this would cause the plugin’s jquery to check validation values using the first form instead of the form being submitted.

    Plugin Author Constant Contact

    (@constantcontact)

    Will review and see what we can do to help address this. Thanks for the feedback, and hopefully we can address some potential issues here that others are maybe experiencing.

    Plugin Author Constant Contact

    (@constantcontact)

    Not denying that you were experiencing some issues here, but I am struggling to recreate any conflicts from multiple forms on a given page.

    The main things we use client-side validation for are checking for a set value in a hidden field that actually should not be set, if all required fields are set, and then if anything has been filled in for reCAPTCHA.

    With the first one we simply attempt to disable the submit button for the bots.

    With the second one, it looks like it should be handling each form individually based on the form being submitted.

    Any help you could provide for either the error that was being presented, or some more description of what you were seeing could help out to ensure we’re not unintentionally breaking usability.

    Thread Starter keith

    (@wkeithgardner)

    no recaptcha. the opt-in checkbox and none of the hidden input fields have unique css ids.

    Plugin Author Constant Contact

    (@constantcontact)

    Will keep reviewing, but we don’t have a lot of jQuery/client side validation going on, most is after the submission.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Multiple Forms on Page’ is closed to new replies.