Skip Navigation

[Resolved] Backspace key not permitted in email fields in a post form

This support ticket is created 4 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 4 replies, has 2 voices.

Last updated by ericE-4 4 years, 6 months ago.

Assisted by: Minesh.

Author
Posts
#1655119

It seems that the backspace key is being trapped in email fields, and its action is not permitted, hence one can't erase characters that have been entered incorrectly.

I have a form on this page with an email field: hidden link

To reproduce:
1. Into the email field type "john@.toolset.com"
2. Press backspace to remove all characters after the @

It won't let you.

#1655411

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

I just checked with my test site where I've added two email fields: "Business Email" and "emp-personal-email" and I do not able to reproduce this issue. The email field with backspace key works as expected:
=> hidden link

Then, I checked on your install and I can confirm that the issue with the problem URL you shared I can experience and backspace key is not working with email field as you described with the following link:
=> hidden link

When I checked the page source I can see there is JS error coming from your cache file:

Uncaught SyntaxError: Invalid regular expression flags
<em><u>hidden link</u></em>

It seems you are using third-party plugin that is minify the JS and that cases the issue. Can you please test by disabling that "autoptimize" plugin for now and check if that help you to resolve your issue. If that works, that there is issue when "autoptimize" plugin minify the jaavascript.

#1656471
Screen Shot 2020-06-09 at 6.47.13 PM.jpg

I've disabled the Autoptimize plugin but the problem still occurs . I don't see any JS console errors either with or without that plugin active.

#1656589

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Ok great - I can confirm now I do not see the JS error on the browser's console but still the backspace with email field is not working.

As I shared with my test site as a proof that with minimum installation where only Toolset plugins active the email field with backspace works as expected.

In order to minimise the cause of the issue as well as to ensure there is no conflict between third-party plugins you are using or themes, we need to ran a test by disabling plugins one by one.

Could you please try to resolve your issue by deactivating all third-party plugins as well as the default theme to check for any possible conflicts with any of the plugins or themes? - Do you see any difference? If no:

I will require duplicator copy of your install to troubleshoot the issue further.

More info;
=> https://toolset.com/faq/provide-supporters-copy-site/

I have set the next reply to private which means only you and I have access to it.

#1657945

OK, you're right, it's a conflict with another plugin. Thanks, I will figure it out.