JavaScript
Article
By Sam Deering

jQuery Read-Only Input Field

By Sam Deering

Simple jQuery code snippet to make an input field read only so that no-one can change the value of the input field. I’ve not seen this used much around but it was worth knowing.

HTML

Add read-only with jQuery

$('input').attr('readonly', true);

Remove read-only with jQuery

$(#input').removeAttr('readonly');

Don’t forget to put your jQuery code inside a document ready function. See 4 different jQuery document ready examples for more info.

Recommended
Sponsors
Get the latest in JavaScript, once a week, for free.