• Resolved karlostyno

    (@karlostyno)


    Hello There,

    I create very simple contact form (use the prepared default simpleForm one). Add it to page as block. Everything goes well as in tutorial, but finally clicking the Submit button does nothing in Chrome. It pass for the first-time after Chrome restart.
    It also works under InternetExplorer (Edge).

    My guess: It can cause some check with invisible error message.
    When I do write too short message (less 10 characters) I do not get error message anyway.

    Any idea. Thanks.

    The page I need help with: [log in to see the link]

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

    (@simpleform)

    Hi, Let’s see what we can do.

    If you go to the “Settings” page, in the “Form Submission” section, what options are selected?

    PS
    I just tried the form and it worked on the first shot. I also received the auto responder email. It looks fine to me (I used Chrome).

    • This reply was modified 3 years, 1 month ago by WPSForm.
    • This reply was modified 3 years, 1 month ago by WPSForm.
    Thread Starter karlostyno

    (@karlostyno)

    Thank you for your try. I can see your check also in my mailbox.

    I already checked, that the problem is causing only Chrome on my laptop. The Chrome on my Android mobile and Chrome on colleague laptop works fine as yours. It will be hard to find the problem if it works on other devices. Could there be problem that I am or I was (try also log out) logged-in as WordPress admin?

    I did play with Form Submission settings and I could see the difference in HTML5, but it didn’t solve it. Actual settings is:
    AJAX Submission: disabled
    – Perform form submission via AJAX instead of a standard HTML request
    HTML5 Browser Validation: disable
    – Disable the browser default form validation
    Focus on Form Errors: set to – Set focus to first invalid field

    The error more specific:
    After pressing Submit, there are not the error texts presented at all – only the HTML5 validations ones (if HTML5 val. enabled). It seems the Submit button start the HTML5 validation process, but doesn’t start the simpleForm JavaScript at all – hard to tell.
    It works well for the first time when Chrome is restart with page in Tab. But after reload or link back and forward it stops.

    Plugin Author WPSForm

    (@simpleform)

    Maybe, a cache problem? Are you using some caching plugin? Have You tried to clean browsing data in chrome? In any case, as soon as I have a moment I will do more careful checks to understand why. Sorry if I will clog your in-box with some test mails.

    Plugin Author WPSForm

    (@simpleform)

    I noticed that the email address from which the auto-reply is sent is a Gmail address. Something similar had happened to me.

    Have you read the SMTP server configuration warnings? You will find them in the settings page within the notifications tab.

    I’d recommend you stop using Gmail. You just need to create a new email account that uses your domain name. Then use the configuration information that your hosting provider gives you to connect to its SMTP server, by filling all the fields in the “SMTP Server Configuration” section.

    Let me know if this works.

    Thread Starter karlostyno

    (@karlostyno)

    Thank you to point this out. I change configuration to localhost SMTP.

    I was originally used the local server SMTP service (unchecked the “SMTP Server” – let plugin use pure PHP mail() function). But when I was searching for my problem solution, I also tried to configure external SMTP server (Gmail). Now I see that the original problem is caused by my local Chrome (not SMTP setting), so I change configuration back to localhost SMTP server.

    Anyway the main problem remains – my laptot Chrome does not start WPSForm JavaScript when Submit button pressed.

    Thread Starter karlostyno

    (@karlostyno)

    I get deep in JavaScript (simpleform/public/js/script.js), put some console.log() and finally find the problem.

    When I fill simpleForm in Chrome on my local laptop I am using the speed filling (tips provided by Chrome from filling similar forms before). By this step the Chrome also fill item <input name=”telephone”> – which is hidden to human user.

    Because of this
    1) the condition on line 19 didn’t pass:
    – if( $(this).hasClass(“needs-validation”) && $(‘input[name=”url”]’).val() == ” && $(‘input[name=”telephone”]’).val() == ” ) {

    2) the condition on line 45 pass:
    – if ( submit === false || $(‘input[name=”url”]’).val() != ” || $(‘input[name=”telephone”]’).val() != ” )
    – and call event.preventDefault();

    I do not understand exactly why this hidden telephone item is in page and why the conditions are build this way – maybe for the captcha which I have off.

    Anyway for my case the problem is resolved: To fill only the presented items – not use the prefilling Chrome function.

    Plugin Author WPSForm

    (@simpleform)

    This explains everything. Glad it works now.

    Out of curiosity, I went to the Chrome settings and I’ve verified how the Auto-fill works. I edit the address and I added my phone. If I fill out the form with the Auto-fill, then it doesn’t works.

    That piece of code is used against spam, but I didn’t think the name used for this hidden field would cause problems with autofill. The unclear thing, however, is that I had entered the attribute autocomplete=”off” for this hidden field but chrome ignores it. A new version will be released shortly to fix it.

    Thank you so much for reporting this!

    • This reply was modified 3 years, 1 month ago by WPSForm.
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Submit button works under IE, but not under Chrome’ is closed to new replies.