Skip to main content

jQuery Disable Form Input Field

By Sam Deering

JavaScript

Share:

😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

Simple jQuery code snippet to disable a form input field that you do not want the user to be able to edit. This lets them see the value but they cant edit it!

//input type, id, name, all inputs
$('input #inputid').attr("disabled", "disabled");

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *


🤓 Ok. When did a code editor from Microsoft become kinda cool!?