Skip to main content

jQuery Disable Input Field

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Simple jQuery code snippet to disable and input field so that the user cannot change the value of the text box on a form for example.

$('input').attr('disabled','disabled');

Alternative methods

A whole heap of ways to do like the easier task ever which I have seen people do mostly with click events.

$('input').click(function(){
	console.log("clicked");
	onclick = $(this).attr('onclick');
	$(this).attr('onclick','');
	showConfirm(onclick);
	return false;
});
$('input').removeAttr('onclick');
$('input').each(function () {
this.onclick = undefined;
});
$('.foo').removeAttr('onclick').click(function(){
// Do something
});
var original_onclick = $('.del').attr('onclick');
$('.del').removeAttr('onclick').click(function(){
showConfirm(original_onclick);
});

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!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.