JavaScript

How to disable and enable HTML form fields using JavaScript

Written by Ian Carnaghan · 8 sec read >

To enable a form field use the below JavaScript

document.getElementById("ELEMENT_ID").disabled = false;

And to disable the form field use the below JavaScript

document.getElementById("ELEMENT_ID").disabled = true;

NOTE: Replace ELEMENT_ID with the form fields ID

Last Updated On March 20, 2018
Written by Ian Carnaghan
I am a software developer and online educator who likes to keep up with all the latest in technology. I also manage cloud infrastructure, continuous monitoring, DevOps processes, security, and continuous integration and deployment. Profile

Leave a Reply

avatar
  Subscribe  
Notify of