JavaScript
Article

jQuery Disable Input Field

By Sam Deering

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);
});

Free Guide:

7 Habits of Successful CTOs

"What makes a great CTO?" Engineering skills? Business savvy? An innate tendency to channel a mythical creature (ahem, unicorn)? All of the above? Discover the top traits of the most successful CTOs in this free guide.

No Reader comments

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.