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 16 · Accepted Answer · answered Jul 18 '14 at 08:35

16

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

68,042
28
135
158

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 5 · Answer 2 · answered Jan 10 '17 at 12:44

5

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

201
3
5

2

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

15,282
14
72
106

answered Jul 18 '14 at 08:36

Er. Sajal Tiwari

118
7

Disable a text box without using disabled

3 Answers3