JavaScript
Article
By Sam Deering

jQuery Read-Only Input Field

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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

--ADVERTISEMENT--

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.

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?