Disable a text box without using disabled

Question

Is there a simple Javascript or JQuery way to make a textbox disabled WITHOUT using the attribute disabled?

We are using Handlebar.js and when a disabled field is found it skips the field when its serialized so we can't use the disabled attribute. Is there a way to make the textbox uneditable still? Perhaps with a focus or blur?

Read more about http://stackoverflow.com/questions/2458595/disable-a-textbox-using-css — sajid, Jul 18 '14 at 08:43

score 14 · Accepted Answer · answered Jul 18 '14 at 08:35

14

Use readonly attribute instead :

$('#textBox').prop('readonly', true);

Use .attr() instead of .prop() if you're using jQuery < 1.9

answered Jul 18 '14 at 08:35

zessx

66,778
28
130
153

Of course ! As `disabled`, it's part of [HTML specifications](http://www.w3.org/TR/html401/interact/forms.html#h-17.12). – zessx Jul 18 '14 at 08:50
Yeah just double checking you know IE – cdub Jul 18 '14 at 08:51

score 2 · Answer 2 · answered Jan 10 '17 at 12:44

2

directly add "readonly" attribute to the input element like this

Name: <input type="text" value="editing me is disabled" readonly>

It works like charm. No need of using jquery for that.

answered Jan 10 '17 at 12:44

Ashish Gaikwad

171
1
5

this is what i wanted, Thank you @Ashish Gaikwad – SAW Kk Apr 08 '21 at 07:09

score 1 · Answer 3 · edited Jul 18 '14 at 08:37

1

document.forms['formName']['inputName'].readOnly = true;

edited Jul 18 '14 at 08:37

Govind Singh

14,768
13
67
100

answered Jul 18 '14 at 08:36

Er. Sajal Tiwari

118
7

Disable a text box without using disabled

3 Answers3