How to disable a button in javascript?

How to disable a button in javascript?

Browse by Category


Disabling a button in JavaScript is a common task when developing web applications. Whether you want to prevent users from submitting a form multiple times or disable certain functionality temporarily, JavaScript provides a simple way to achieve this. In this article, we will explore different methods to disable a button using JavaScript.

Disabling a Button

To disable a button in JavaScript, you can use the `disabled` property of the button element. This property determines whether the button is disabled or not. When set to `true`, the button becomes unclickable and its appearance may change to indicate its disabled state.

Here’s an example of how to disable a button using JavaScript:

const button = document.getElementById(‘myButton’);
button.disabled = true;

In the above code snippet, we first retrieve the button element using its ID (`myButton`). Then, we set the `disabled` property to `true`, effectively disabling the button.

Enabling a Button

If you need to enable a button that was previously disabled, you can simply set the `disabled` property to `false`. Here’s an example:

const button = document.getElementById(‘myButton’);
button.disabled = false;

By setting the `disabled` property to `false`, the button becomes clickable again.

Disabling a Button on Form Submit

One common use case is to disable a button when a form is submitted to prevent multiple submissions. To achieve this, you can listen for the form’s `submit` event and disable the button inside the event handler. Here’s an example:

const form = document.getElementById(‘myForm’);
const button = document.getElementById(‘submitButton’);

form.addEventListener(‘submit’, function(event) {
button.disabled = true;

In the above code, we retrieve both the form and the submit button using their respective IDs (`myForm` and `submitButton`). Then, we add an event listener to the form’s `submit` event. Inside the event handler, we disable the button by setting its `disabled` property to `true`.


Disabling a button in JavaScript is a straightforward process. By using the `disabled` property of the button element, you can easily prevent users from interacting with the button. Whether you need to disable a button temporarily or prevent multiple form submissions, JavaScript provides the necessary tools to achieve this.


– Button.disabled –

659 Niche Markets

$ 0
Free e-Book
  • PURR-659-niche-markets-thriving-160
    Organized by 7 categories:
  • Money, Health, Hobbies, Relationships, + 3 more profitable categories. 659 niche markets in total.