JavaScript
Article
By Sam Deering

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);
});
Recommended
Sponsors
Get the latest in JavaScript, once a week, for free.