How to use JQuery to make a field Read Only

H

How Can We Help?

Say you have a input text field as below

 <input type="text" name="inputField" id="inputField" />

As soon as the page has finished loading we will make use of JQuery to make the input field Read Only so that the field can’t be edited by the user.

We do it like this

<script type="text/javascript">
 
jQuery(document).ready(function($){
 
   $('#inputField').attr('readonly', 'readonly');
 
})
 
</script>

About the author

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.

About Author

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.

Follow Me