Search jQuery

jQuery Forum

Using jQuery

bg17aw

.attr(): type property can't be changed

in Using jQuery • 5 years ago

I am trying to change input type from password to text but I am getting the error in the subject.

$('#password').attr("type", "text")

This is strange because this fiddle seems to be working:

http://jsfiddle.net/bgLtoqgj/

Stackoverflow didn't help to clarify:

https://stackoverflow.com/questions/8378563/why-cant-i-change-the-type-of-an-input-element-to-submit

Any ideas?

Replies(21)

jakecigar

Re: .attr(): type property can't be changed

5 years ago

That only happens in old versions of IE. I do that kind of thing all the time, when I don’t have to support IE.

JΛ̊KE

bg17aw

Re: .attr(): type property can't be changed

5 years ago

My test and error happen in Chrome (latest version), like any guy involved in programming, I am avoiding IE like the plague.

jakecigar

Re: .attr(): type property can't be changed

5 years ago

You have some other problem. It works in all the good browsers, as you have demonstrated with the fiddle.

JΛ̊KE

bg17aw

Re: .attr(): type property can't be changed

5 years ago

But what do you mean "pther problem"?

I am wrinting in the console: $('#password').attr("type") and I am getting "password"

I am then $('#password').attr("type", "text") and I am getting Uncaught Error: type property can't be changed

jquery is 1.8.2

MrTIMarsh..

Re: .attr(): type property can't be changed

5 years ago

You should really be using the latest version of jQuery, the one you are using was released back in 2012, here is the latest; jQuery.3.3.1.js

Take a look at this somewhat basic codepen here. What JΛ̊KE means to say is that what you are doing should in fact work which leads to believe that there is something elsewhere which is breaking this part you are working on.

Best Regards,

Tim

bg17aw

Re: .attr(): type property can't be changed

5 years ago

Hi Tim,

This is a company's website and I am just a user, I have no control over it.

I am just trying to see the password field as I often forget the freaking password

I could use a pass manager but bear with me.

This is also a financial related website, so security should be paramount for them.

Not sure why they decided on using 1.8.2 but they do have probably millions of users

MrTIMarsh..

Re: .attr(): type property can't be changed

5 years ago

In that case, simply right-click on the input field and click "inspect element". You should then see the HTML, more specifically, the input field part of the HTML. Right-click the line with the input, change the input type to text and then click back on the page. This will do the trick.

As for doing it via the console, I am not sure if there is a way, maybe JΛ̊KE will reply again later when he is around.

Best Regards,

Tim

jakecigar

Re: .attr(): type property can't be changed

5 years ago

Do you have some chrome plugins? When simple code works in a fiddle, but does not work on a web page, something else is making it wrong. Does the problem happen on other peoples’ machines?

Way back in 1.8.2 there were still problems with properties vs. attributes. This may have been one of the things that was fixed later on. Test your code with jQuery 1.12.1 or 3.3.1. Does it make a difference?

JΛ̊KE

bg17aw

Re: .attr(): type property can't be changed

5 years ago

Tim: I know I could do it via inspect and manually changing the type but I want to use the console

Jake: yes, I do have a plethora of chrome plugins. However, I just tried on another laptop with no plugins in Chrome and still the same result.

I tried the same on another website (jQuery 1.10.2) and it does indeed work.

Thanks!

jakecigar

Re: Re: .attr(): type property can't be changed

5 years ago

You have found one of the many bugs that were already fixed. As you progress, you will find more.

Talk to your people about upgrading jQuery.

JΛ̊KE

bg17aw

Re: .attr(): type property can't be changed

5 years ago

it's a random website on the internet, they are not "my people"

jakecigar

Re: Re: .attr(): type property can't be changed

5 years ago

OK, then just upgrade.

JΛ̊KE

jakecigar

Re: Re: .attr(): type property can't be changed

5 years ago

Or report it to "them" as a bug.

JΛ̊KE

watusiware

Re: .attr(): type property can't be changed

5 years ago

I'd guess that Google doesn't allow Chrome extensions to change this attribute.

Can you imagine why?

The jsFiddle works for me in Chrome. So, if the owner of the site wanted to make password visible, they could. (Many sites have the "eye" icon, that lets you toggle password visibility.)

As suggested you can inspect the element and change it. Or you could type a line of Javascript in the console, and that likely will work as well.

I'd suggest instead you just type the password slowly and deliberately, or use a password manager.

Perhaps this is an ineffective means of helping sites enforce their security policy, as there are work-arounds. But users have to go out of their way and have a bit of technical knowledge to do it. Contrast that with being able to just download an extension/plugin that doesn't require any special knowledge!

But I'll bet there is some accessibility option buried deep in Chrome that will allow you to see passwords as they are typed.

bg17aw

Re: .attr(): type property can't be changed

5 years ago

watusiware: most unhelpful answer ever.

Jake: a bit offtopic, but jQuery().jquery gives an undefined error on this website: https://www.kucoin.com

Don't they use jquery or is there a better way to test for it?

jakecigar

Re: Re: .attr(): type property can't be changed

5 years ago

You can see if they have jQuery loaded with window.jQuery and find the version with jQuery.fn.jquery .

They don’t use jQuery.

JΛ̊KE

bg17aw

Re: .attr(): type property can't be changed

5 years ago

Differences between

jQuery.fn.jquery

and

jQuery().jquery?

jakecigar

Re: Re: .attr(): type property can't be changed

5 years ago

The first is faster. It makes no calls, and is more common.

JΛ̊KE

watusiware

Re: .attr(): type property can't be changed

5 years ago

document.getElementById('password').setAttribute('type', 'text');

Works when typed into the Javascript console. It's "vanilla Javascript", since jQuery isn't loaded on that page.

This may or may not work from a Chrome extension or GreaseMonkey script or whatever it is that you may or may not be trying to create. (You haven't been very clear about what you are trying to do) because Google may or may not prevent it, in order to help websites implement their security policy.

Sorry you found my response unhelpful, but perhaps... "You can't handle the truth!"

Given the nature of the site you are trying to fiddle with, I prefer not to provide further help.

bg17aw

Re: .attr(): type property can't be changed

5 years ago

watusiware:

document.getElementById('password').setAttribute('type', 'text');

doesn't work, i just get "undefined". document.getElementById('password') part works as expected an returns the element, but the rest doesn;t, not sure why

Regarding my remark about your answer being unhelpful, if you read further back, you reiterated all the points I or others already made. It doesn't matter what type of website this is, it is just a piece of code not working, we are trying to figure out what is going on. It is your choice if you help or not, of course

bg17aw

Re: .attr(): type property can't be changed

5 years ago

Update:

actually watusiware solution works!

document.getElementById('password').setAttribute('type', 'text');

although I do get an undefined as a response, it works!

thanks, that's good enough for me.

Top Reply

Response title

Attachments

jQuery Forum

.attr(): type property can't be changed

Replies(21)

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: Re: .attr(): type property can't be changed

Re: Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Re: .attr(): type property can't be changed

Statistics

Tags

Actions

Related Posts