• Hi everyone,

    I don’t know when this bug was introduced to my code, but for some reason my Contact Form 7 form no longer submits on iPhones. It works on iPads, all android devices, IE, Firefox, and Chrome. But there is something different about the iPhone’s Safari browser that is not triggering the post action of the generated input button.

    Here is my form code:

    <div id="entry-form" class="entry-form">
    <p><h2>Your Information:</h2></p>
    <p class="label"><label for="input_name">Name (required)</label><br />
        [text* your-name id:input_name]</p>
    
    <p class="label"><label for="input_email">Email (required)</label><br />
        [email* your-email id:input_email] </p>
    
    <p><h2>Your Message:</h2></p>
    <p class="label"><label for="input_subject">Subject</label><br />
        [text your-subject id:input_subject] </p>
    
    <p class="label"><label for="input_message">Your Message</label><br />
        [textarea your-message id:input_message] </p>
    
    <p><h2>Captcha:</h2></p>
    <p class="label"><label for="input_captcha">And finally...prove you aren't a robot!  Type the characters you see in the picture below.</label>
    <div style="text-align:center;">
    [captchac contact-captcha]
    </div>
    [captchar contact-captcha id:input_captcha]
    <div style="text-align:center; font-style: italic;">Enter the characters as they are shown in the image above.</div></p>
    
    <div style="text-align:center;">
    <p>[submit id:submitButton class:button class:white "Send Message"]</p>
    </div>
    </div>

    And the form itself can be found at:
    https://www.davidquiring.com/contact

    I have monitored the HTTP incoming/outgoing requests/responses with my laptop by switching Safari’s user agent to pretend to be an iPhone, and no post action is being generated at all when the send button is clicked.

    I have tried to debug this for hours now, and would really appreciate any insight you might be able to lend.

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try deactivating all other plugins and switching to the default theme.

    Thread Starter David

    (@davidjq)

    Thanks for the reply Takayuki.

    I have recreated the issue on a new, clean WordPress installation, adding things in one at a time. The issue is coming from JQuery Mobile and the changes it makes to the code for iPhones. I have not found a solution yet, but JQuery Mobile seems to be breaking all input buttons (<input type=”submit” … />), so not just Contact Form 7.

    So it is not an issue with the Contact Form 7 code, but with it’s coexisting with JQuery Mobile. I am still searching for a solution for this, and will update this thread if I do. If anyone else has found one please share your knowledge too. ??

    Thread Starter David

    (@davidjq)

    My current fix is to bypass an ajax POST for mobile content and do an old fashioned POST. Adding the following to attribute to the form tag makes it function on mobile devices, but doesn’t change the functionality at all in desktop browsers:

    data-ajax="false"

    I am also having this issue!

    Is there a plan to address in a future update?

    Thanks!
    Missy

    Major issue on my end too!!! Please someone help us!

    Yes!!! Please help! Same issue. @david, where do I place that Ajax code?

    Hello Takayuki Miyoshi

    I am also having issues with iphone. In my case the form submits well and directs the user to the Thankyou message but the form is not sent to the mail id mentioned whereas if i submit same form from Android (Samsung) the attachment and the mail are sent to the respective email id.

    Can you pl help ?

    Regards
    Renu

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Form does not send on iPhone (works in all other browsers)’ is closed to new replies.