Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

Stopping browser autocomplete in text boxes

Contributor ,
Feb 04, 2021 Feb 04, 2021

Has anyone found a way to stop the browser autocomplete dropdown choices from being shown on TEBs in a published project? Preferably by adding the form or input autocomplete attribute to the Captivate publish template, but even manually adding it post-publish to every project would be better than nothing. We're seeing the same issues previously reported where if a user picks an item from the autocomplete choices, the form auto submits, causing a loss of data in the record. Primary browsers are Chrome and IE. Thanks!

2.7K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Feb 05, 2021 Feb 05, 2021

I have not had a chance to test this but perhaps you can try this to see if it works.

Place the code as an onEnter action (Execute JavaScript) for the slide where your TEBs are.

 

$("input").attr("autocomplete","off");

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 05, 2021 Feb 05, 2021

Thanks, but it's not working.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
People's Champ ,
Feb 05, 2021 Feb 05, 2021

I just tested and one of the only ways was to set it to new-password

 

$("input").attr("autocomplete", "new-password");

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 05, 2021 Feb 05, 2021

Thanks. Still not working in Chrome here.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Feb 05, 2021 Feb 05, 2021

Are you copying and pasting?

Perhaps try deleting the quotes and re-typing them.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Feb 05, 2021 Feb 05, 2021

Good thought, but still not working.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

Hi, having same issue. Were you able to figure out how to turn off auto-fill (I don't understand how anyone is using TEBs with this issue? Surely someone has figured out how to turn this off?). I have been told to set autocomplete="off" on the TEB, but no idea how to do (I am a Cap 19 beginner!)

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

Note: I named my TEB variable TE_L506. Wouldn't think this is a field that would be auto-filled. But Adobe Cap19 TEB autocomplete issue.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Apr 15, 2021 Apr 15, 2021

What is the name of your actual TEB field?

If the other code options above are not working, perhaps try the following adjustment where you replace only the word  entryBox with the name of your TEB.

Keep the  quotes, hash, and _inputField in place.

Again - this would need to be placed as an Execute JavaScript  onEnter action

 

$("#entryBox_inputField").attr("autocomplete","off");

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

lisakstocks_0-1618494724630.png

I guess my problem is, I do not know how to assign code to the TEB?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

How/where do I place an... Execute JavaScript  onEnter action?

(apologies as I am a beginner!)

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Apr 15, 2021 Apr 15, 2021

Here are some pics to help.

 

Stagprime_0-1618495293717.pngStagprime_1-1618495307055.png

Stagprime_2-1618495321816.png

 

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

THANKYOU!!!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

I set JavaScript on slide [On Enter] - Do I have this right?

Now, when I get to this page of training in Chrome,  Chome opens a new blank tab? 

 

Javascript on Enter.png

 

 

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Apr 15, 2021 Apr 15, 2021

Looks like you have the right place. 

 

However, you will need to use the name of your text entry box rather than your variable name.

From what I can see, the name of your field is

Text_Entry_Box_L506

I would not expect it to open a new tab in your browser, though.

 

$("#Text_Entry_Box_L506_inputField").attr("autocomplete","off");

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Apr 15, 2021 Apr 15, 2021

If you need to wait for the learner to perform functions on your slide - you may want to uncheck that box that says "Continue Playing the Project"

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

Thankyou changed Javascript to... 

$("#Text_Entry_Box_L506_inputField").attr("autocomplete","off");

 

But when I come to this slide, still showing auto-complete box and still opening blank tab.

😞

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

If you are inclined, here is Cap file with my problem slide. 3 slides- TEB is on 2nd slide. 🙂

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Apr 15, 2021 Apr 15, 2021

Hmmm... .cptx file(13MB within file size limit) won't post. Maybe not permitted?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Apr 15, 2021 Apr 15, 2021

On the drop button beside the Script_Window button, make sure you have Current selected. That may take care of the blank tab opening.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Apr 15, 2021 Apr 15, 2021

@Stagprime  just FYI by default the generic name of the TEB and its variable are the same, something which has always frustarted me.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advisor ,
Apr 15, 2021 Apr 15, 2021

@Lilybiri - yes, I am aware of that.

From the posted pictures, however, it looks as though some adjustments have been made to that.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Apr 15, 2021 Apr 15, 2021

I was never able to resolve it before other larger fires erupted. It's still on my list of nagging issues.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 02, 2021 Jun 02, 2021

Hello everyone. I would love to hear if anyone has had any success with the proposed solutions above or has any new solutions. I am experiencing this very same issue myself.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources