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

No Reader comments

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

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